@charset "utf-8";

/** mainArea
===================================*/
.mainArea {
  z-index: 0;
	padding-right: 219px;
	position: relative;
}
.mainArea a:link {
  color: #1b72e9;
}
.mainArea a:visited {
  color: #8974AA;
}
.mainArea .mainMid {
	margin-left:18px;
}
.lazyImg {
  display: none;
}

@media screen and (max-width: 1280px){
.mainArea {
	margin-left:8px;
	padding-right: 192px;
}
}



/** infoArea
===================================*/
.topInfoOuter,
.lowInfoOuter {
  line-height: 1.6;
}
.lowInfoOuter {
  padding: 0 18px;
  margin: 15px auto 0 !important;
}
.topInfoOuter a,
.lowInfoOuter a {
  text-decoration:none;
}
.topInfoOuter a:hover,
.lowInfoOuter a:hover {
  text-decoration:underline;
}
.topJsoffBox,
.topCkoffBox,
.lowJsoffBox,
.lowCkoffBox {
	background: #eee;
	border:1px solid #d80000;
	color:#d80000;
	margin-bottom: 10px;
	width: auto;
	font-weight:bold;
	font-size:1.2em;
}
.topJsoffInner p,
.topCkoffInner p,
.lowJsoffInner p,
.lowCkoffInner p {
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_attention-a-exmark-bg.gif') no-repeat;
	padding: 0 0 0 30px;
}
.topJsoffInner,
.topCkoffInner,
.lowJsoffInner,
.lowCkoffInner {
  padding: 10px;
  width: auto
}



/** common
===================================*/

.wrapN2014 {
  min-width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
.wrapN2014 a {
	cursor:pointer;
}
p.MainLogo_ASKUL {
	width:200px;
	height:52px;
	display:block;
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png');
	background-position:-4px 178px;
	float: left;
	margin-top: 0;
}
p.star {
	font-size:0.8em;
}
p.star img {
	vertical-align:middle;
	margin-right:5px;
}

/** headerN2014
===================================*/
.headerN2014 {
  border-top: 3px solid #2f8eef;
  background: #fff;
  font-size:1.2em;
}
.headerN2014 .hdNavOuter {
  margin: 10px 0 5px;
  overflow: hidden;
  *padding:10px 0 0 0;
}
.headerN2014 .hdNavOuter h1 a {
  display: block;
  width: 200px;
  text-align: center;
  float: left;
  margin-top: 0;
}
.headerN2014 .hdNavInnerTop,
.headerN2014 .hdNavInnerBot {
	overflow:hidden;
}
.headerN2014 .hdNavInnerTopL {
  float: left;
}
.headerN2014 .hdNavInnerTopL .hdLead {
  display: inline;
  color: #a0a0a0;
  font-size: .9em;
  font-weight: normal;
}
.headerN2014 .hdNavInnerTopR {
	float:right;
}
.headerN2014 .hdNavInnerTopR a {
	color:#000000;
	text-decoration:none;
}
.headerN2014 .hdNavInnerTopR a span {
	color:#1b72e9;
	padding-left:9px;
	font-size:10px;
}
.headerN2014 .hdNavInnerTopR .hdNavMembersLi {
  padding: 0 0 0  5px;
	border-left:1px solid #CCC;
  *margin-right: 5px;
}
.headerN2014 .hdNavInnerTopR .hdNavInfoBoxBtn {
	padding: 0 10px 0 17px;
  display: block;
  position: relative;
  cursor: pointer;
}
.headerN2014 .hdNavInnerTopR .downIco {
  width: 10px;
  height: 10px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_op_sprite_01.png') no-repeat -140px -232px;
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -4px;
}
.headerN2014 .hdNavInnerTopR .exclamationIco {
  width: 16px;
  height: 16px;
  background: url('/resource/images/shared/2014new_op_sprite_01.png') no-repeat -360px -180px;
  display: block;
  position: absolute;
  left: 5px;
  top: 1px;
  _left: -25px;
}
.headerN2014 .hdNavInnerTopR .hdNavInfoBoxBtn.hdSelect {
  background: #d7d7d7;
}
.headerN2014 .hdNavInnerTopR .hdMypageLi a:hover,
.headerN2014 .hdNavInnerTopR .hdLogoutLi a:hover {
	background:#efefef;
}
.headerN2014 .hdNavInfoBoxOuter {
  position: absolute;
  z-index: 10001;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_hdinfo_bg.png') no-repeat center bottom;
  width: 264px;
  margin-left: -45px;
}
.headerN2014 .hdNavInfoBoxInner {
  border-top: 4px solid #d7d7d7;
  margin: 0 5px;
  padding: 5px 8px 15px;
}
.headerN2014 .hdNavInfoBoxInner li a {
  display: block;
  width: 213px;
  margin: 0 auto;
  padding: 5px 5px 5px 20px !important;
}
.headerN2014 .hdNavInfoBoxInner li a.arwIco {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') no-repeat 5px 50% #fff;
}
.headerN2014 .hdNavInfoBoxInner li a.arwIco:hover {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') no-repeat 5px 50% #efefef !important;
}
.headerN2014 .hdNavInfoBoxInner li a.blankIco {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_blank.png') no-repeat 5px 50% #fff;
}
.headerN2014 .hdNavInfoBoxInner li a.blankIco:hover {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_blank.png') no-repeat 5px 50% #efefef !important;
}
.headerN2014 .hdNavInnerBot .hdNavInnerBotL {
	float:left;
}
.headerN2014 .hdNavInnerBot .hdNavInnerBotR {
	overflow:auto;
  overflow: scroll-y;
}
.headerN2014 .hdNavOuter .hdNavMain li,
.headerN2014 .hdNavOuter .hdNavMembers li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.headerN2014 .hdNavOuter .hdNavMain li {
  *margin-right: 2px;
}
.headerN2014 .hdNavOuter .hdNavMembers a {
  padding: 3px 10px 1px;
  display: block;
}
.headerN2014 ul.hdNavMain li a.ren_btnQO {
	width:129px;
	height:35px;
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png');
	display:block;
	background-position: 14px 7px;
	background-repeat: no-repeat;
}
.headerN2014 ul.hdNavMain li a.ren_btnMC {
	width:110px;
	height:35px;
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png');
	display:block;
	background-position:-147px 8px;
}
.headerN2014 ul.hdNavMain li a.ren_btnPH {
	width:156px;
	height:35px;
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png');
	display:block;
	background-position:-288px 7px;
}
.headerN2014 ul.hdNavMain li.hdQuickLi,
.headerN2014 ul.hdNavMain li.hdCatalogLi,
.headerN2014 ul.hdNavMain li.hdHistoryLi {
	border-left:1px solid #d2d2d2;
	height: 25px;
	margin-top: 17px;
	margin-right: -4px;
	*margin-right: 0;
}
.headerN2014 ul.hdNavMain li a {
	padding:0 15px;
	margin: -5px 2px 0 2px;
}
.headerN2014 ul.hdNavMain li a:hover {
	background-color:#efefef;
}
.headerN2014 ul.hdNavMain li.hdHistoryLi {
	border-right:1px solid #d2d2d2;
}
@media screen and (max-width: 1060px){
.headerN2014 .val_left {
	padding-top:0;
}
.headerN2014 ul.hdNavMain li a {
	padding:0 3px;
}
.headerN2014 ul.hdNavMain li a.ren_btnQO {
	background-position:3px 7px;
}
.headerN2014 ul.hdNavMain li a.ren_btnMC{
	background-position: -157px 7px;
}
.headerN2014 ul.hdNavMain li a.ren_btnPH {
	background-position: -300px 7px;
}
}
.headerN2014 .hdNavCarList {
	text-align:right;
	margin:7px 0 0 0;
}
.headerN2014 p.hdNavCarBtn span.ren_cartIcon {
	display:inline-block;
	width:24px;
	height:18px;
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_op_sprite_01.png');
	background-position:-476px 0;
	margin: 0px 5px -5px 0px;
}
.headerN2014 .hdCar .hdNavCarBtn a {
  text-decoration: none;
  color: #333;
  position: relative;
  padding: 8px 25px 12px 10px;
}
.headerN2014 .hdCar .hdNavCarBtn a span.downIco {
  width: 10px;
  height: 10px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_op_sprite_01.png') no-repeat -145px -232px;
  display: block;
  position: absolute;
  right: 10px;
  top: 3px;
}
.headerN2014 .hdCar .hdNavCarBtn a span.downIco {
  top: 18px;
  margin-top: -2px;
  margin-right: -3px;
}
.headerN2014 .hdCateOuter {
  position: relative;
  z-index: 100;
}
.headerN2014 .hdCateOuter .hdSerBox {
	background:#d3e9ff;
	padding:5px;
	position:relative;
	height:30px;
	z-index:2000;
}







/*-------------- search --------------*/

select.ren_select_category {
	cursor:pointer;
}
.customSelect {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png') no-repeat 0 0;
	width: 180px;
	height: 29px;
	background-position:0 -62px;
}
.customSelectInner {
	padding: 7px 0 0 7px;
	*padding: 8px 0 0 7px;
	padding: 8px 0 0 7px\9;
}
.customSelect.customSelectHover {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png') no-repeat 0 0;
	width: 180px;
	height: 29px;
	background-position:0 -91px;
}
.ren_text_AreaA .ren_text_Area {
	padding:7px 0 6px 15px;
  font-family: Verdana,"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

@media all and (-ms-high-contrast:none){/* IE11 */
  *::-ms-backdrop, .ren_text_Area {
	  top:0 !important;
}
  *::-ms-backdrop, .ren_Btn_search_Area {
	  top:1px !important;
}
  *::-ms-backdrop, .customSelectInner {
	  padding: 9px 0 0 7px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*chrome*/
.ren_text_AreaA .ren_text_Area {
	top: 1px;
}
.ren_Btn_search_Area {
	top: 1px;
}
}

@-moz-document url-prefix() {/*ff*/
	.ren_text_AreaA .ren_text_Area {
			padding:6px 0 6px 15px;
	}
	.ren_text_AreaA .ren_text_Area {
		top:1px;
	}
	.ren_Btn_search_Area {
		top:1px;
	}
	.ren_text_AreaA .ren_text_Area{
	padding: 6px 0 6px 5px !important;
	}
}

.ren_text_AreaA .ren_text_Area:not(:target) {
	 top:1px\9; /* IE9, 10 */
	 padding:8px 0 6px 5px;
}
.ren_Btn_search_Area:not(:target) {
	 top:1px\9; /* IE9, 10 */
}

.ren_text_AreaA .ren_text_Area {
	*padding:9px 0 6px 5px;
	*top:1px;
	padding:9px 0 6px 5px\9;
	top:1px\9;
}
.ren_Btn_search_Area {
	*top:1px;
	top:1px\9;
}

.ren_Btn_search_Area .ren_Btn_search:hover {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png') no-repeat;
	background-position: -180px -61px;
	height: 29px;
	width: 117px;
}


.ren_hide {
	display:none;
}



.ren_valTxt {
	margin-right:12px;
}
.ren_valTxt span {
	font-size:15px;
}

.ren_valTxt span.ren_drop {
	color:#1b72e9;
	font-size:10px;
	padding-left: 9px;
}
.val_right img {
	vertical-align:middle;
	margin:0 5px 0 10px;
}
.val_right span.cart_Num {
	color:#FFF;
	background:#F00;
	padding:4px 6px;
	margin:0 5px;
}
.ren_text_AreaAA {
	position:absolute;
	top: 4px;
	left: 63px;
	right: 392px;
}
.ren_text_AreaA {
	position:relative;
}

.ren_select_AreaBB {
	position:absolute;
	top: 4px;
	right: 40px;
}

.ren_select_AreaA {
	position:relative;
}
.ren_text_AreaA .ren_text_Area {
    background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_hd_form_bg.png') repeat-x bottom left;
	position:absolute;
	left:122px;
	right:30px;
	top:0;
	width:100%;
	font-size:13px;
    border: none;
	padding: 7px 0 6px 5px;
}
.ren_Btn_search_Area {
	position:absolute;
	right:192px;
}

.ren_Btn_search_Area .ren_Btn_search {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png') no-repeat top right;
	width: 117px;
	height: 29px;
	border:none;
	cursor:pointer;
	background-position:-180px -62px;
}
.ren_Btn_shosai_Area {
	position:absolute;
	right:-20px;
	top: 8px;
	width: 70px;
}
.ren_Btn_shosai_Area .ren_Btn_shosai {
  color: #1b72e9
}
.select_right_Area {
	position:absolute;
	right:65px;
}
.select_right_Area .select_right_Area {
	width:50px;
}
.ren_select_txt {
	display:block;
	width:140px;
}
.ren_select_arrow {
	position:absolute;
	top:7px;
	right:7px;
	display:block;
	width:20px;
}
.keyword_Area {
	border-bottom:1px solid #efefef;
}
.keyword_Area ul.ren_keyword {
	margin:5px 0;
}
.keyword_Area ul.ren_keyword li {
	display:inline-block;
	*display:inline;
	padding:0 5px;
	border-left:1px solid #efefef;
    font-size: .9em;
}
.keyword_Area dl {
	overflow:hidden;
}
.keyword_Area dl dt {
	float:left;
}
.ren_headerL {
	width:665px;
}
.keyword_Area dt {
	width:97px;
	height:12px;
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png') no-repeat;
	margin:5px 11px 5px 12px;
	background-position:-18px -123px;
}



.val_right .hdCar {
	margin-left:10px;
}

.hdBenriSearchInner {
  float: left;
  position: absolute;
  z-index: 101;
}
.hdCar .hdCarTotalQty {
  font-size: 1.4em;
  padding: 0 2px 0 5px;
  font-weight: bold;
  color: #d80000;
  display:inline-block;
  /*vertical-align:middle;*/
}
.hdCarInner {
  background: #fff;
  position: absolute;
  right: 0;
  z-index: 101;
  padding: 0 0 10px 9px;
  width: 340px;
  text-align: left;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_hdcart_bg.png') no-repeat bottom left;
}
.hdCar .hdCarTotal {
  border-top: 4px solid #d9d9d9;
  text-align: right;
  padding: 10px;
}
.hdCar .hdCarTotal span {
  font-size: 1.7em;
  font-weight: bold;
  color: #d80000;
}
.hdCar .hdCarList {
  margin: 0 10px;
  border-top: 2px solid #e8e8e8;
}
.hdCar .hdCarList .hdItem {
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
}
.hdCar .hdCarList .hdItemImg {
  float: left;
}
.hdCar .hdCarList .hdItemImg img {
  margin: 10px 0 10px 10px;
}
.hdCar .hdCarList .hdItemR {
  float: right;
  width: 210px;
  margin: 10px 10px 10px 0;
}
.hdCar .hdCarList a {
  display: block;
  margin: 1px 0;
  overflow: hidden;
}
.hdCar .hdCarList a:hover,
.hdCar .hdCarList a:hover .hdItemR .hdItemName {
  background: #efefef;
  text-decoration: none !important;
}
.hdCar .hdCarList .hdItemR .hdItemName {
  font-size: 1.1em;
  line-height: 1.4;
  display: block;
  margin-bottom: 10px;
  color: #1b72e9;
  text-decoration: underline;
}
.hdCar .hdCarList .hdItemR .hdItemQty,
.hdCar .hdCarList .hdItemR .hdItemQty dt,
.hdCar .hdCarList .hdItemR .hdItemQty dd {
  float: left;
  color: #555;
}
.hdCar .hdCarList .hdItemR .hdItemQty dt {
  margin-right: 10px;
}
.hdCar .hdCarList .hdItemR .hdItemVal {
  float: right;
  color: #555;
}
.hdCar .hdCarInner .hdOthersQty,
.hdCar .hdCarInner .hdDelivPicFreeAmount {
  margin-top: 10px;
  text-align: center;
}
.hdCar .hdCarInner .hdDelivPicFreeAmount {
  font-weight: bold;
  margin-bottom: 10px;
}
.hdCar .hdCarInner .hdOthersQty span,
.hdCar .hdCarInner .hdDelivPicFreeAmount span {
  padding: 0 5px;
}
.hdCar .hdCarInner .hdCarOrderBtn {
  display: block;
  width: 302px;
  height: 32px;
  margin: 10px auto 20px;
  text-indent: -9999px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_hdcarbtn.png') no-repeat top left #fff;
}
.hdCar .hdCarInner .hdCarOrderBtn:hover {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_hdcarbtn.png') no-repeat right bottom #fff;
}
/* empty */
.hdCar .hdCarInner .hdCarEmpty {
  text-align: center;
  border-top: 4px solid #e8e8e8;
  padding: 10px;
}
.hdCar .hdCarInner .hdCarEmpty .hdCarEmptyTxt {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
}
.hdCar .hdCarInner .hdCarEmpty .hdCarEmptyBtn {
  display: block;
  margin: 10px auto 0;
  width: 163px;
  height: 42px;
  text-indent: -9999px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png') no-repeat ;
  background-position: -176px -274px;
}
.hdCar .hdCarInner .hdCarEmpty .hdCarEmptyBtn:hover {
  background-position: -176px -316px;
}

.hdHide {
  display: none !important;
}
.hdBenriSearchBtn {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_hd_benri_bg.png') no-repeat -66px top;
  width: 90px;
  padding: 8px 5px 0 17px;
  height: 21px;
  position: relative;
}
.hdBenriSearchBtn.hdSelect {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_hd_benri_bg.png') no-repeat -66px -30px;
}
.hdBenriSearchWrap {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_hd_benri_bg.png') no-repeat left -54px;
  width: 173px;
  height: 5px;
  position: absolute;
  right: -57px;
  top: 24px;
}
.hdBenriSearchInner {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_hd_benri_bg.png') no-repeat left bottom;
  width: 158px;
  padding: 5px 10px 15px;
  overflow: hidden;
  position: absolute;
  right: -5px;
  top: 5px;
}
.hdBenriSearchInner li a {
  padding: 5px 5px 5px 30px;
  width: 123px;
  margin: 0 auto;
  display: block;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_search_gray.png') no-repeat 5px 50%;
  color: #333;
  text-decoration: none;
}
.hdBenriSearchInner li a:hover {
  background-color: #efefef;
  text-decoration: underline;
  color: #1b72e9;
}



/*-------------- search --------------*/

select.ren_select_category {
	cursor:pointer;
}
.customSelect {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png') no-repeat 0 0;
	width: 180px;
	height: 29px;
	background-position:0 -62px;
}
.customSelectInner {
	padding: 7px 0 0 7px;
	*padding: 8px 0 0 7px;
	padding: 8px 0 0 7px\9;
}
.customSelect.customSelectHover {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png') no-repeat 0 0;
	width: 180px;
	height: 29px;
	background-position:0 -91px;
}
.ren_text_AreaA .ren_text_Area {
	padding:7px 0 6px 10px;
}

@media all and (-ms-high-contrast:none){/* IE11 */
  *::-ms-backdrop, .ren_text_Area {
	  top:1px !important;
}
  *::-ms-backdrop, .ren_Btn_search_Area {
	  top:1px !important;
}
  *::-ms-backdrop, .customSelectInner {
	  padding: 8px 0 0 7px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*chrome*/
.ren_text_AreaA .ren_text_Area {
	top: 1px;
}
.ren_Btn_search_Area {
	top: 1px;
}
.ren_text_AreaA .ren_text_Area{
	padding: 7px 0 6px 5px !important;
}
}

@-moz-document url-prefix() {/*ff*/
	.ren_text_AreaA .ren_text_Area {
			padding:6px 0 6px 5px;
	}
	.ren_text_AreaA .ren_text_Area {
		top:1px;
	}
	.ren_Btn_search_Area {
		top:1px;
	}
	.ren_text_AreaA .ren_text_Area{
	padding: 4px 0 5px 5px !important;
	}
}

.ren_text_AreaA .ren_text_Area:not(:target) {
	 top:1px\9; /* IE9, 10 */
	 padding:5px 0 6px 5px;
}
.ren_Btn_search_Area:not(:target) {
	 top:1px\9; /* IE9, 10 */
}

.ren_text_AreaA .ren_text_Area {
	font-size: 15px;
	*padding:9px 0 6px 5px;
	*top:1px;
	padding:9px 0 6px 5px\9;
	_padding:5px 0 6px 5px;
	top:1px\9;
}
.ren_Btn_search_Area {
	*top:1px;
	top:1px\9;
}

.ren_Btn_search_Area .ren_Btn_search:hover {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png') no-repeat;
	background-position: -180px -90px;
	height: 29px;
	width: 117px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/* safari only */
  ::i-block-chrome, .ren_text_AreaAA {
    top: 4px;
  }
  ::i-block-chrome, .ren_text_AreaA .ren_text_Area {
	padding: 6px 0 6px 5px !important;
	font-size: 14px !important;
  }
}
_::content, _:future, .ren_text_AreaA .ren_text_Area:not(*:root) {/* chrome only */
	padding: 5px 0 6px 5px !important;
}

@media screen and (max-device-width: 1024px) {
	.ren_text_AreaA .ren_text_Area {
		padding: 5px 0 6px 5px !important;
	}
}
@media screen and (max-device-width: 767px) {
	.ren_text_AreaA .ren_text_Area {
		padding: 3px 0 6px 5px !important;
	}
}

.mac_Top2, .maciPad, .macModern {
  top: -2px !important;
}
.maciPad .ren_text_Area {
  padding: 5px 0 4px 5px !important;
  z-index: -1;
  left: 120px;
}
.macModern .ren_text_Area {
  padding: 6px 0 5px 5px !important;
}

/*ヘッダー右部分カゴ*/

div.hdNavCarBtn span.ren_cartIcon {/*p.hdNavCarBtn span.ren_cartIcoをリネーム*/
	display: inline-block;
	width: 24px;
	height: 18px;
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_op_sprite_01.png');
	background-position: -476px 0;
	margin: 0px 5px -5px 0px;
}
.hdCar .hdNavCarBtn a {
  display: block;
}
.hdCar .hdNavCarBtn {
  height:	38px;
  padding: 0;
  border: none;
}
.val_right {
   height:38px;
	float:right;
}
.hdCar .hdNavCarBtn a span.downIco {
  margin-top: -2px;
  margin-right: -3px;
}
.hdCar_center {
  float:left;
}
.hdCar_left,
.hdCar_right {
  float:left;
  height:38px;
}
.hdCar_left,.hdCar_right {
  width:1px;
}
.hdCar_center {
  padding:0;
}
.hdCar_left {
  background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png');
  background-position:0 -221px;
}
.hdCar_center {
  background:url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_head_cart_center.png') repeat;
}
.hdCar_right {
  background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png');
  background-position:-153px -221px;
}

.hdCar_left.hv {
  background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png');
  background-position:-153px -221px;
}
.hdCar_center.hv {
  background:url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_head_cart_center_ho.png') repeat;
}
.hdCar_right.hv {
  background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png');
  background-position:-298px -221px;
}





.val_left {
	overflow:visible;
	vertical-align:middle;
	height:38px
}
.val_left .val_txt {
	display: block;
	font-size: 1em;
	margin-top: 2px;
}










/* ======================================
 rightSection
====================================== */
.rightSection .linkBox {
  margin-top: 10px;
}
.rightSection .linkBox li {
  border-top: 1px solid #e6e6e6;
}
.rightSection .linkBox li a {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') 10px 50% no-repeat;
  padding: 10px 5px 10px 25px;
  color: #000;
  text-decoration: none;
  display: block;
  font-size: 1.1em;
}
.rightSection .linkBox li a:hover {
  background-color: #f6f6f6;
  color: #1b72e9;
  text-decoration:underline;
}
.rightSection {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 176px;
  line-height: 1.4;
}
.rightSection a.arwIco {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') left 50% no-repeat;
  padding-left: 18px;
}
.beforeMembersInner .mt10 span.LogQicon {
	display:block;
	float:left;
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png') no-repeat;
	width:17px;
	height:17px;
	background-position:-222px 0;
	margin: 5px 10px 0 0;
}
.beforeMembersInner .mt10.ClearBlocker  {
	overflow:hidden;
}
.rightSection a {
  color: #1b72e9;
}
.rightSection a:hover {
  text-decoration: underline;
}

.rightAfterHeadOuter {
  margin-bottom: 20px;
  border: 2px solid #e6e6e6;
  box-sizing: border-box;
  background:#ffffff;
}
.welcomeTxt {
  color: #1b72e9;
  padding: 10px 43px 10px 10px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_right_ico_member.png') no-repeat #e6e6e6;
  background-position: 133px bottom;
}
.welcomeTxt .name {
  font-size: 1.1em;
  font-weight: bold;
  padding-right: 5px;
}
.rightAfterHeadInner {
  padding: 5px 10px;
  background:#ffffff;
}
.rightAfterHeadInner .pointBox {
  text-align: right;
  margin-top: 5px;
}
.rightAfterHeadInner .pointBox dd {
  color: #ff752f;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 5px;
}
.rightAfterHeadInner .nextBox {
  border-top: 1px solid #e6e6e6;
  margin-top: 10px;
  padding-top: 10px;
}
.rightAfterHeadInner .nextBox .priceTxt {
  font-weight: bold;
}
.rightAfterHeadInner .nextBox .pointBar {
  background: #fff;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  border: 1px solid #9cc6ff;
  position: relative;
  margin: 10px 0;
  display: block;
}
.rightAfterHeadInner .nextBox .pointBar span {
  background: #9cc6ff;
  width: 60%;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0;
}


.rightCarOuter {
  margin-bottom: 20px;
  border: 2px solid #e6e6e6;
  box-sizing: border-box;
}
.rightCarInner a {
  text-decoration: none;
}
.rightCarInner a:hover {
  text-decoration: underline;
}
.rightCarOuter h2 {
  background: #e6e6e6;
  font-size: 1.3em;
  color: #d80000;
  padding: 13px 50px 13px 10px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png') no-repeat #e6e6e6;
  background-position:-175px 4px;
}
.rightCarInner {
  padding: 0 3px 5px;
  text-align: left;
}
.rightCarOuter .beforeCarTxt {
  padding: 10px 8px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
}
.rightCarInner .now .totalNow {
  margin-left: 8px;
	font-weight: bold;
}
.rightCarInner .now .priceNow {
  color: #d80000;
  font-weight: bold;
  font-size: 1.2em;
  text-align: right;
  margin-right: 8px;
}
.rightCarInner table {
  margin-bottom: 5px;
  border-collapse: collapse;
}
.rightCarInner tr {
  font-size: .8em;
}
.rightCarInner td {
}
.rightCarInner th,
.rightCarInner td {
  border-bottom: 1px solid #e6e6e6;
  padding: 3px;
  word-break: break-all;
}
.rightCarInner td.nameTd {
  text-align: left;
}
.rightCarInner td.volTd {
  text-align: right;
}
.rightCarInner td.priceTd {
  text-align: right;
}
.rightCarInner .moreBtn {
  font-size: .8em;
  padding: 0 5px;
}
.rightCarInner .moreBtn a {
  display: block;
  margin-bottom: 5px;
}
.rightCarInner .cartBtn a {
  display: block;
  margin: 10px auto 0;
  width: 163px;
  height: 42px;
  text-indent: -9999px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png') no-repeat ;
  background-position: -176px -274px;
}
.rightCarInner .cartBtn a:hover {
  background-position: -176px -316px;
}
.rightAfterCouponOuter {
  margin-bottom: 20px;
}
.rightAfterCouponOuter h2 {
  background: #e6e6e6;
  font-size: 1.2em;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 5px;
}
.rightAfterCouponOuter .couponBox {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.rightAfterCouponOuter .couponBox span {
  display: block;
  padding-top: 5px;
}
.rightAfterCampaignOuter {
  margin-bottom: 20px;
}
.rightAfterCampaignOuter h2 {
  background: #e5e5e5;
  font-size: 1.2em;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 10px;
}
.rightAfterCampaignOuter .campaignBox {
  margin-bottom: 8px;
}
.rightAfterCampaignOuter .moreBtn {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}
.rightAfterBannerOuter {
  margin-bottom: 20px;
}
.rightAfterBannerOuter .bannerBox {
  margin-bottom: 15px;
}
.rightAfterBannerOuter .bannerBox a[target="_blank"],
.rightSection .campaignBox a[target="_blank"] {
	background: inherit;
	padding: 0;
	margin: 0;
}
.rightAfterBannerOuter .bannerBox .MailMgazinIco {
	width:176px;
	height:50px;
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
	background-position:0 -46px;
	text-indent:-9999px;
}
.rightAfterBannerOuter .bannerBox .SmaPhoneIco {
	width:176px;
	height:50px;
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
	background-position:0 -96px;
	text-indent:-9999px;
}
.rightAfterBannerOuter .bannerBox .Developbosyu {
	width:176px;
	height:50px;
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
	background-position:0 -146px;
	text-indent:-9999px;
}
.rightAfterBannerOuter .bannerBox .FBIconBnr {
	width:176px;
	height:50px;
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
	background-position:0 -196px;
	text-indent:-9999px;
}
.rightAfterBannerOuter .bannerBox .TWicon_acount {
	width:176px;
	height:50px;
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
	background-position:0 -246px;
	text-indent:-9999px;
}
.rightAfterBannerOuter .bannerBox .LOHACO_icon_y {
	width:176px;
	height:50px;
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
	background-position:0 -296px;
	text-indent:-9999px;
}
.rightAfterBannerOuter .bannerBox .LOHACO_icon_w {
    width:176px;
    height:50px;
    background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
    background-position:0 -461px;
    text-indent:-9999px;
}
.rightAfterBannerOuter .bannerBox .spc_icon {
    width:176px;
    height:50px;
    background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
    background-position:0 -406px;
    text-indent:-9999px;
}
.rightAfterBannerOuter .bannerBox .gochikuru_icon {
    width:176px;
    height:50px;
    background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
    background-position:0 -516px;
    text-indent:-9999px;
}
.rightAfterBannerOuter .bannerBox span {
  display: block;
  padding-top: 5px;
}
.rightAfterToolboxOuter {
  margin-bottom: 20px;
}
.rightAfterToolboxOuter h2 {
  font-size: 1.3em;
  text-align: center;
  padding: 10px 0;
  background: #e5e5e5;
}
.rightAfterToolboxInner {
  font-size: 1.2em;
}
.rightAfterToolboxInner p {
  border-bottom: 1px solid #e6e6e6;
}
.rightAfterToolboxInner p.lastChild {
  padding: 10px 0;
  border-bottom: none;
  text-align: right;
}
.rightAfterToolboxInner p.lastChild a {
	display: inline;
	padding-left: 18px;
	font-size: 0.833em;
}

.rightAfterToolboxInner a {
  padding: 10px 5px 10px 25px;
  display: block;
}

rightCarInner ra_Cart
*td.nameTd ,td.nameTd ,*td.volTd, *.priceTd {
	*border-bottom:1px solid #e6e6e6;
}

.rightCarInner table {
	*border-collapse:collapse;
}
table tr.now td {
	*border:none;
}

.rightCarInner.ra_Cart table tr th {
	*border-bottom:1px solid #e6e6e6 ;
  font-weight: normal;
}
table .now .priceTd {
	*width:47%;
}






/* ======================================
owl-carousel
====================================== */

@media screen and (max-width: 1060px){
.recommendOwl_soro .owl-prev,
.recommendOwl_soro .owl-prev:hover,
.recommendOwl_soro .owl-prev.disabled,
.recommendOwl .owl-prev,
.recommendOwl .owl-prev:hover,
.recommendOwl .owl-prev.disabled {
	left: -11px !important;
}

.recommendOwl_soro .owl-next,
.recommendOwl_soro .owl-next:hover,
.recommendOwl_soro .owl-next.disabled,
.recommendOwl .owl-next,
.recommendOwl .owl-next:hover,
.recommendOwl .owl-next.disabled {
	right: -11px !important;
}
}

@media screen and (max-width: 1060px){
.val_left {
	padding-top:0;
}
.recommendOwl_soro .owl-prev,
.recommendOwl_soro .owl-prev:hover,
.recommendOwl_soro .owl-prev.disabled,
.recommendOwl .owl-prev,
.recommendOwl .owl-prev:hover,
.recommendOwl .owl-prev.disabled {
	left: -11px !important;
}

.recommendOwl_soro .owl-next,
.recommendOwl_soro .owl-next:hover,
.recommendOwl_soro .owl-next.disabled,
.recommendOwl .owl-next,
.recommendOwl .owl-next:hover,
.recommendOwl .owl-next.disabled {
	right: -11px !important;
}
}


/*--recommendSection--*/
.recommendSection {
  overflow: hidden;
  clear: both;
  line-height:1.6;
  margin-bottom: 30px;
}
.recommendSection .ttlArea,
.recommendSection .checkArea,
.recommendSection .Ranking {
  overflow: hidden;
}
.recommendSection .recommendInner {
	margin-bottom:40px;
}
.recommendInner {
  margin: 0 1.5% 0;
}
.Unique_ItemM {
	width:150px;
	margin:10px auto 0;
	position:relative;
}
.productBox_check {
	position:relative;
}
.productImg {
	position: relative;
	margin: 0 auto;
}
.productTxt,
.productTxt_Checked,
.productTxt_check,
.productTxt_Rank,
.productTxt_solo,
.productTxt_okaidoku {
  font-weight: bold;
}
.productTxt .fixPrice {
	font-size: 1.6em;
}
.Unique_ItemR {
	width:150px;
	margin:0 auto;
	position:relative;
	height:300px !important;
}
.Unique_ItemC {
	width:150px;
	margin:0 auto;
	position:relative;
	margin-top:10px;
}


.toUnique span {
	display:inline-block;
	width:6px;
	height:7px;
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	background-position:-197px -93px;
	margin-right: 5px;
}
.toUnique {
	text-align:right;
}

.owl-prev {
	width:12px;
	height:70px;
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	background-position:0 -29px;
	position: absolute;
	/*top: -198px !important;*/
	left: -14px !important;
}

.owl-prev:hover {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	background-position:-12px -28px;
	position: absolute;
	/*top: -198px !important;*/
	left: -14px !important;
}

.owl-prev.disabled {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	background-position:-24px -29px;
	cursor:default !important;
	position: absolute;
	/*top: -198px !important;*/
	left: -14px !important;
}

.owl-next {
	width:12px;
	height:70px;
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	background-position:0 -99px;
	/*top: -198px !important;*/
	right: -14px !important;
}

.owl-next:hover {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	background-position:-12px -99px;
	/*top: -198px !important;*/
	right: -14px !important;
}
.owl-next.disabled {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	background-position:-24px -99px;
	cursor:default !important;
	/*top: -198px !important;*/
	right: -14px !important;
}

.owl-prev,.owl-next {
	text-indent:-9999px;
}






/** footer
===================================*/
.fooder {
  overflow: hidden;
  min-width: 960px;
}

/* notesSection */
.notesSection {
  margin-top: 5px;
  overflow: hidden;
}
.notesSection .notesInner {
  padding: 15px 1.5% 0;
  overflow: hidden;
}
.notesSection h2 {
  padding: 10px 1.5%;
  background: #ccc;
  font-size: 1.3em;
}
.notesSection h3 {
  color: #00a0ea;
  font-size: 1.3em;
}
.notesSection .notesL,
.notesSection .notesR {
  width: 49%;
}
.notesSection .notesL {
  float: left;
}
.notesSection .notesR {
  float: right;
}
.notesSection ul {
  margin-bottom: 10px;
}
.notesSection li {
  overflow: hidden;
  margin: 10px 80px 0 0;
  display: table;
  *overflow:auto;
}
.notesSection .date,
.notesSection a {
  display: table-cell;
  *float:left;
}
.notesSection .date {
  padding-right: 10px;
  width: 120px
}
.notesSection .moreLink {
  float: right;
}
.notesSection .ancTop {
  float: right;
  margin: 15px 1.5% 0 0;
}

/* checkSection */
.checkSection {
  overflow: hidden;
}
.checkSection .checkInner {
  margin: 0 1.5%;
  overflow: hidden;
}
.checkSection h2 {
  padding: 10px 1.5%;
  background: #ccc;
  text-align: center;
  font-size: 1.3em;
  color: #00a0ea;
  margin-bottom: 5px;
}

/* keywordsSection */
.keywordsSection {
  overflow: hidden;
  margin-top: 5px;
  padding: 10px 1.5%;
  background: #eee;
}
.keywordsSection h2,
.keywordsSection li {
  float: left;
}
.keywordsSection h2 {
  width: 200px;
  font-size: 1.3em;
}
.keywordsSection ul {
  overflow: hidden;
}
.keywordsSection li {
  border-right: 1px solid #000;
  padding: 0 10px;
  padding-top: 3px;
}
.keywordsSection li.lastChild {
  border-right: 0;
}

/* linkSection */
.linkSection {
  overflow: hidden;
  padding: 5px 1.5% 20px;
}
.linkSection .linkTxt {
  overflow: hidden;
  margin-top: 10px;
}
.linkSection .linkTxt h2,
.linkSection .linkTxt ul {
  float: left;
}
.linkSection .linkTxt h2 {
  width: 20%;
  max-width: 130px;
}
.linkSection .linkTxt ul {
  width: 80%;
}
.linkSection .linkTxt li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 10px;
}
.linkSection .linkTxt li a {
  display: block;
}
.linkSection .linkImg {
  overflow: hidden;
  margin-top: 20px;
}
.linkSection .linkImg li {
  width: 176px;
  margin-right: 10px;
  float: left;
  font-size: .8em;
}
.linkSection .linkImg img {
  max-width: 176px;
  display: block;
  margin-bottom: 5px;
}

.cartspan {
	word-break:keep-all;
}
.ren_nameplate {
	padding:0 0 20px 20px;
	background:url('/_20141128_img/ren_name_plate.gif') no-repeat;
}
.newSection ul.topic {
	margin:0;
	padding-bottom:10px;
	padding-left:10px;
}
ul.review {
	padding:10px;
	border:1px solid #e6e6e6;
}

ul.review li.list_review {
	margin:0;
}
.productImg {
	position: relative;
	margin: 0 auto;
	display: block;
}
.ren_M_Item {
	overflow:hidden;
	margin: 0 0 20px 0;
}
.ren_M_Item_L,.ren_M_Item_R {
	width:50%;
	*width:49.5%;
	text-align:center;
}
.ren_M_Item_L {
	float:left;
}
.ren_M_Item_R {
	float:right;
}

/*----------------point off----------------*/
.pointOff_num {
	font-size:1.4em;
}
.productBox_check span.pointOff{
	background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png') no-repeat;
	background-position:-195px -25px;
	position: absolute;
	left: -11px;/*50%*/
	top: 0;
	font-weight: bold;
	color: #fff;
	width:62px;
	height:50px;
	padding-top:19px;
	text-align:center;
	line-height:0.8;
	font-size: 1.3em;
	text-decoration: none;
}
.productBox_check a:link span.pointOff,
.productBox_check a:visited span.pointOff,
.productBox_check a:hover span.pointOff,
.productBox_check a:active span.pointOff{
	text-decoration: none;
}
.icon_rank1 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 0;
	width:61px;
	height:61px;
	background-position:0 -224px;
}

.icon_rank2 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 0;
	width:60px;
	height:60px;
	background-position:-60px -224px;
}

.icon_rank3 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 0;
	width:60px;
	height:60px;
	background-position:-118px -224px;
}
.icon_rank4 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 9px;
	width:39px;
	height:36px;
	background-position:-177px -224px;
}
.icon_rank5 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 9px;
	width:38px;
	height:36px;
	background-position:-219px -224px;
}
.icon_rank6 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 9px;
	width:38px;
	height:36px;
	background-position:-261px -224px;
}
.icon_rank7 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 9px;
	width:38px;
	height:36px;
	background-position:-303px -224px;
}
.icon_rank8 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 9px;
	width:38px;
	height:36px;
	background-position:-345px -224px;
}
.icon_rank9 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 9px;
	width:38px;
	height:36px;
	background-position:-387px -224px;
}
.icon_rank10 {
	background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
	position: absolute;
	left: -11px;/*50%*/
	top: 9px;
	width:38px;
	height:36px;
	background-position:-429px -224px;
}
.persent {
	font-size:0.7em;
}
.productBox {
	width: 100%;
	min-width: 150px;
	padding-top:10px;
}
.productBox p {
	width: 150px;
	margin: 0 auto;
}
p.try_txt {
	width: 200px;
}
p.try_txte {
	width: 200px;
	margin: 0 auto 7px;
}

.try_other,.try_other p {
	width: 200px;
	margin: 0 auto;
}
.productTxt .fixPrice {
font-size: 1.6em;
}
.fixPrice {
	font-size: 1.6em;
	text-align:right;
	color:#d80000;
	font-weight:bold;
}
.toCart {
}
.toCart a {
  text-indent: -9999px;
  float: right;
  width: 64px;
  height: 20px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/btn/2014new_btn_main_car.gif') no-repeat top left;
  display: block;
}
.toCart a:hover {
  background-position: left bottom;
}

.productTxt .offPrice {
font-size: .9em;
}
.retailprice {
	float:right;
	text-decoration: line-through;
}
.productBox_try {
	float:left;
}
.productBox_tryInner {
	width:200px;
	margin:10px auto 0;
}
.productBox_tryInner .productTxt_try {
  font-weight: bold;
}
@media screen and (max-width: 1060px){
.recommendOwl_soro .owl-prev,
.recommendOwl_soro .owl-prev:hover,
.recommendOwl_soro .owl-prev.disabled,
.recommendOwl .owl-prev,
.recommendOwl .owl-prev:hover,
.recommendOwl .owl-prev.disabled {
	left: -11px !important;
}

.recommendOwl_soro .owl-next,
.recommendOwl_soro .owl-next:hover,
.recommendOwl_soro .owl-next.disabled,
.recommendOwl .owl-next,
.recommendOwl .owl-next:hover,
.recommendOwl .owl-next.disabled {
	right: -11px !important;
}
}

.beforeMembersSection,
.afterMembersSection,
.afterCartSection {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 5px;
  padding: 5px;
}
.beforeFirstOuter {
  border: 2px solid #e5e5e5;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 20px;
}
.beforeFirstInner {
  overflow: hidden;
  margin-bottom: 10px;
}
.beforeFirstOuter h2 {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png') no-repeat #e6e6e6;
  color: #f47300;
  padding: 15px 40px 13px 15px;
  font-size: 1.3em;
  background-position:0 -351px;
}


.beforeFirstInner .btnSignup a {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png') no-repeat;
  background-position:-176px -122px;
}
.beforeFirstInner .btnPassword a {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png') no-repeat;
  background-position:-176px -198px;
}
.beforeFirstInner .btnSignup a,
.beforeFirstInner .btnPassword a {
  display: block;
  margin: 10px auto 0;
  width: 162px;
  height: 38px;
  text-indent: -9999px;
}
.beforeFirstInner .btnSignup a:hover {
	background-position:-176px -160px;
}
.beforeFirstInner .btnPassword a:hover {
  background-position: -176px -236px;
}

.beforeMembersOuter {
  border: 2px solid #e5e5e5;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 20px;
}
.beforeMembersInner {
  overflow: hidden;
  background:#ffffff;
}
.beforeMembersInner p {
  margin: 0 8px;
}
.beforeMembersOuter h2 {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_right_ico_member.png') no-repeat #e6e6e6;
/*
  background: #e6e6e6;
  */
  color: #2f8eef;
  padding: 15px 43px 13px 15px;
  font-size: 1.3em;
  background-position: 133px bottom;
}
.beforeMembersInner .btnLogin a {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png') no-repeat;
  background-position:-176px -46px;
  display: block;
  margin: 10px -3px 0 !important;
  width: 162px;
  height: 38px;
  text-indent: -9999px;
}
.beforeMembersInner .btnLogin a:hover {
  background-position: -176px -84px;
}


/** footer
===================================*/

.footerSection {
  overflow: hidden;
  min-width: 960px;
  line-height: 1.6;
  margin-top: 30px;
}
.footerSection a {
  color: #1b72e9;
  text-decoration: none;
}
.footerSection a:hover {
  text-decoration: underline;
  color: #1b72e9;
}
.footerSection a:visited {
  color: #8974AA;
}

.footerLinkTxt {
  overflow: hidden;
  margin-top: 15px;
}
.footerLinkTxt h2,
.footerLinkTxt ul {
  float: left;
}
.footerLinkTxt h2 {
   width: 100%;
   margin: 0 0 5px;
   float: none;
   font-size: 12px;
}
.footerLinkTxt ul {
   width: auto;
   float: none;
}
.footerLinkTxt li {
   display: block;
   border-right: 0;
   margin: 2px 0;
   font-size: 12px;

}

.footerLinkTxt li a {
   display: block;
   padding: 0 8px 0 6px;
}

.footerLinkTxt li a[target="_blank"] {
   background: none;
   padding: 0 10px 0 0;
   margin: 0;
}

.footerLinkTxt li a .external {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   width: 9px;
   height: 9px;
   margin-left: 7px;
   background: url("/resource/images/shared/2015new_sprite_md01.png") -82px -131px no-repeat;
}

.rightSection a[target="_blank"] {
   background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_blank.png') right 50% no-repeat;
   padding: 0 12px 0 3px;
   margin: 0 7px 0 2px;
}
.rightSection .sideBnrBlock a[target="_blank"],
.rightSection .sideServiceBlock a[target="_blank"] {
 background: url('/resource/images/shared/2015new_icon_arrow_01.png') no-repeat 6px;
 margin: 0;
 padding: 10px 0 10px 20px;
}
.rightSection .sideBnrBlock ul li  a[target="_blank"],
.rightSection .sideBnrBlock .newwindow a[target="_blank"],
.rightSection .sideBnrBlock .link a[target="_blank"],
.rightSection .sideServiceBlock .link a[target="_blank"] {
 background: none;
 padding: 0;
}
.rightSection .sideBnrBlock2 a[target="_blank"] {
 background: none;
 margin: 0 0 20px 0;
 padding: 0;
}
.rightSection .sideToolBlock a[target="_blank"] {
 background: none;
 margin: 0;
 padding: 0;
}

/*

.footerkeywordsOuter {
 background: #d3e9ff;
 font-size: 1.2em;
 overflow: hidden;
 margin: 20px 1.40625% 0;
 padding: 0 15px 15px;
}
.footerkeywordsOuter h2 {
 font-size: 1.1em;
 background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_search_blue.png') left 50% no-repeat;
 padding: 0 0 0 20px;
 width: 13%;
 max-width: 200px;
 min-width: 150px;
}
.footerkeywordsOuter .footerLinkTxt ul {
 width: 75%;
}
*/


.footerLink01Outer {
   background-color: #efefef;
   position: relative;
   padding: 20px 20px 0;



}

.footerLink01Outer table.footTable td {
   border-right: 1px solid #ccc;
   width: 20%;
   vertical-align: top;
}

.footerLink01Outer table.footTable td.end {
   border-right: none;
}

.footerLink01Outer table.footTable td:last-child {
   vertical-align: top;
   text-align: center;
}

.footerLink01Outer table.footTable td a,
.footerLinkSpecial li a {
   color: #666 !important;
}

.footerLink01Outer table.footTable td a .newwindow {
   padding-left: 5px;
   vertical-align: middle;
}

.footerLink01Outer .ra_Footer {
   /*                  float: left;*/
   padding-left: 0;
   padding-right: 15px;
   margin-left: 15px;
   padding-bottom: 5px;
   margin-top: 0;
}

.footerLink01Outer .ra_Footer.aoikn {
   padding: 10px;
   height: 105px;
   margin: 0 auto;
   background-color: #fff;
   border-radius: 3px;
   text-align: center;
   position: relative;
   overflow: hidden;
}

.footerLink01Outer .ra_Footer.aoikn .aoikn-img{
  background: url(/resource/images/shared/2020new_sprite_footer_01.png);
  width: 236px;
  height: 64px;
  margin: 0 auto;
}

.footerLink01Outer .ra_Footer.aoikn .aoikn-img span{
  position: absolute;
  left: -500px;
}

.footerLink01Outer .ra_Footer.aoikn .aoikn-btn{
  padding-top: 10px;
}

.footerLink01Outer .ra_Footer.aoikn .aoikn-btn a{
  display: block;
  width: 210px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  padding: 0 13px;
  border: none;
  border-radius: 3px;
  border-bottom: 1px solid #1579de;
  background: #4aa3fe;
  background: -webkit-linear-gradient(#4aa3fe, #3b94f0);
  background: -o-linear-gradient(#4aa3fe, #3b94f0);
  background: -moz-linear-gradient(#4aa3fe, #3b94f0);
  background: linear-gradient(#4aa3fe, #3b94f0);
  font-size: 15px;
  text-align: center;
  text-decoration: none !important;
  color: #fff !important;
  cursor: pointer;
}

.footerLink01Outer .ra_Footer.aoikn .aoikn-btn a:hover{
  background: #3b94f0;
  background: -webkit-linear-gradient(#3b94f0, #4aa3fe);
  background: -o-linear-gradient(#3b94f0, #4aa3fe);
  background: -moz-linear-gradient(#3b94f0, #4aa3fe);
  background: linear-gradient(#3b94f0, #4aa3fe);
}

.footerLink03Outer {
   background: #efefef;
   border-top: 1px solid #d2d2d2;
   font-size: 1.2em;
   overflow: hidden;
   padding: 0 20px 65px;
   position: relative;
}

.footerLinkBanner {
   overflow: hidden;
   padding: 20px 20px 0;
   margin-top: 0;
   background-color: #efefef;
}

.footerLinkBanner ul {
   overflow: hidden;
}

.footerLinkBanner li {
   width: 176px;
   float: left;
   margin-right: 15px;
   height: 50px;



}

.footerLinkBanner li span {
   display: block;
   margin-top: 0px;
}

.footerLinkSpecial {
   padding: 20px;
   background-color: #efefef;
}

.footerLinkSpecial .footWrapper {
   background-color: #fff;
   padding: 10px;
   width: 98.5%;
}

.footerLinkSpecial .footWrapper .linkBox {
   width: 100%;
}
.footerLinkSpecial h2 {
   font-size: 12px;
   margin-left: 5px;
   margin-bottom: 5px;
}

.footerLinkSpecial li {
   display: inline-block;
   *display: inline;
   border-right: 1px solid #b4b4b4;
   margin: 2px 0;
   font-size: 12px;
}

.footerLinkSpecial li a {
   display: block;
   *display: inline;
   padding: 0 8px 0 6px;
   color: #1b72e9;
   text-decoration: none;
}


.footerLinkIco {
 overflow: hidden;
}
.footerLinkIco ul {
   overflow: hidden;
   margin-top: 20px;
   width: 71%;
}
.footerLinkIco li {
   width: 250px;
   float: left;
   margin-bottom: 10px;
}
.footerLinkIco li img,
.footerLinkIco li span {
 display: block;
 float: left;
}
.footerLinkIco li span {
   width: 175px;
   margin-left: 10px;
   font-size: .9em;
}
.footerLink03Outer .footerLinkLogo {
   position: absolute;
   right: 1.40625%;
   top: 20px;
   width: 290px;
   text-align: right;
}

/* notesSection */
.footerNotesInner {
  overflow: hidden;
  margin-bottom: 10px;
}
.footerNotesL,
.footerNotesR {
  width: 49%;
  font-size: 1.2em;
}
.footerNotesL {
  float: left;
}
.footerNotesR {
  float: right;
}
.footerCheckOuter {
  overflow: hidden;
  margin: 20px 1.40625% 0;
  padding-top: 10px;
  border-top: 2px solid #2f8eef;
}
.footerCheckOuter h2 {
  font-size: 1.7em;
}

.footerCheckOuter .checkInner {
  font-size: 1.2em;
}
.footerCheckOuter h2 span {
  width: 37px;
  height: 27px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_top.png');
  background-position: -280px -1px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 5px 0;
}

/* keywordsSection */
.keywordsSection h2 {
  width: 200px;
  font-size: 1.3em;
}
.keywordsSection li {
  border-right: 1px solid #000;
  padding: 0 10px;
  padding-top: 3px;
}




.footerPartnersOuter {
  overflow: hidden;
  margin: 15px 1.5% 0;
  background: #eee;
}



/*----fooder sprite---*/
.footerLinkBanner.ra_Footer li span.sprite_F_FB {
	display:block;
	width:176px;
	height:50px;
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_01.png);
}

.footerLinkBanner.ra_Footer li span.sprite_Paper_Copy {
	display:block;
	width:180px;
	height:53px;
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_01.png);
	background-position:0 -50px;
}
.footerLinkBanner.ra_Footer li .sprite_Eco_turn {
	display:block;
	width:176px;
	height:50px;
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_01.png);
	background-position:0 -103px;
}
.footerLinkBanner.ra_Footer li .sprite_Eco_support {
	display:block;
	width:176px;
	height:50px;
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_01.png);
	background-position:0 -296px;
}
.footerLinkBanner.ra_Footer li .sprite_redd_plus {
	display:block;
	width:176px;
	height:50px;
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_01.png);
	background-position:0 -347px;
}
.footerLinkBanner.ra_Footer li .sprite_mailmagazine {
    width:176px;
    height:50px;
    background:url('/resource/images/shared/2014new_sprite_right01.png');
    background-position:-176px -516px;
}
.footerLinkBanner.ra_Footer li .sprite_gochikuru {
    width:176px;
    height:50px;
    background:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png');
    background-position:0 -516px;
}
.footerLinkBanner.ra_Footer li .sprite_moneyforward {
   width:176px;
   height:50px;
   background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png);
   background-position:0 -571px;
}
.footerLinkBanner.ra_Footer li .sprite_yahooshopping {
   width: 176px;
   height: 50px;
   background: url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_right01.png);
   background-position: -176px -571px;
}
.footerLinkIco ul li a.sprite_JDAM {
	display:block;
	width:50px;
	height:50px;
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_01.png);
	background-position:0 -153px;
	float:left;
  margin-left: 0;
}
.footerLinkIco ul li a.sprite_ISO14001{
	display:block;
	width:50px;
	height:50px;
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_01.png);
	background-position:-50px -153px;
	float:left;
  margin-left: 0;
}
.footerLinkIco ul li a.sprite_P_mark {
	display:block;
	width:50px;
	height:50px;
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_01.png);
	background-position:-100px -153px;
	float:left;
  margin-left: 0;
}

.footerLinkLogo .footerLogo span.as_logofoot {
	display:block;
	width:244px;
	height:93px;
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_01.png);
	background-position:0 -203px;
	right: 0px;
	position: absolute;
}



.formBlur {
  color: #bbb;
}

.hdSerWrap {
  margin-left: 200px;
}








/** megadrop
===================================*/
.hdMdWrap {
  line-height: 1.4;
  position: absolute;
  left: 0 ;
  top: 0;
  z-index: 10;
  word-break: break-all;
}
.hdMdWrap .show {
  display: block;
}
.hdMdWrap .selected a {
  color: #d00;
  border-right: 1px solid #efefef;
}

/*hdMdBtn*/
.hdMdWrap .hdMdBtn {
  width: 200px;
  height: 64px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_hd_mega_btn.gif') no-repeat 0 -134px #4ba4ff;
  text-indent: -9999px;
  padding: 0;
  display: block;
}
.hdMdWrap .hdMdBtn.mdBtnOff {
  background-position: 0 -67px;
}
.hdMdWrap .hdMdBtn.mdBtnDef {
  background-position: 0 0;
}
.hdMdWrap.mdBtnDef .hdMdBtn {
  background-position: 0 0;
}

/*hdMdOuter*/
.wrapN2014 .hdMdOuter {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_mega_bg.png') no-repeat bottom right;
  padding: 0 8px 8px 0;
  z-index: 1000;
  display: none;
}
/*hdMdOuter show*/
.show .hdMdOuter {
  display: block;
}

/*mdInner*/
.hdMdWrap .innerTop {
  border-top: 4px solid #4ba4ff;
  position: relative;
}
.hdMdWrap .innerBot {
  width: 256px;
  position: relative;
}
.hdMdWrap .mdInnerBotTtl span {
  display: block;
  font-size: 1.2em;
  padding: 15px 5px 13px 15px;
  color: #fff;
  background: #4ba4ff;
}
.hdMdWrap .mdInnerBotTtl2 {
  font-size: 1.2em;
  padding-left: 5px;
  margin: 0 0 7px 15px;
  color: #1b72e9;
  border-left: 3px solid #4ba4ff;
  font-weight: bold;
}

/*mdL*/
.hdMdWrap .mdL {
  box-sizing: border-box;
  padding-bottom: 10px;
  border-right: 1px solid #dbdbdb;
}
/*mdInnerTop*/
.hdMdWrap ul.mdCateL,
.hdMdWrap ul.mdSapoL {
  position: relative;
  width: 255px;
}
.hdMdWrap ul.mdCateL {
  padding-top: 10px;
}
.hdMdWrap ul.mdSapoL {
  padding: 10px 0 0;
}
.hdMdWrap ul.leaveArea {
  padding-top: 5px;
}
.hdMdWrap .mdSapoL .mdSapoBot {
    margin-top: 20px;
}
.hdMdWrap .lLi a {
  padding: 4px 12px;
  margin-left: 8px;
  width: 223px;
  display: block;
  text-decoration: none;
  color: #333;
}
.hdMdWrap .lLi a:hover,
.hdMdWrap .lLi.selected a {
  text-decoration: underline;
  color: #1b72e9;
  background: #efefef;
}
.hdMdWrap .lLi li {
  width: 256px;
}
.hdMdWrap .lLi.dynamicLi a {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_lgray_r.png') no-repeat 225px 50% #fff;
}
.hdMdWrap .lLi.staticLi {
  width: 255px;
}
.hdMdWrap .lLi.staticLi a {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_lgray_r.png') no-repeat 225px 50% #fff;
}

.hdMdWrap .mdSpc {
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
}
.hdMdWrap .lLi.linkLi a {
  padding-left: 23px;
  width: 212px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') no-repeat 10px 50%;
}
.hdMdWrap .lLi.dynamicLi a:hover,
.hdMdWrap .lLi.selected a,
.mdM .lLi.staticLi a:hover {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_dgray_r.png') no-repeat 225px 50% #efefef;
  color: #1b72e9;
  text-decoration: underline;
}
.hdMdWrap .lLi.linkLi a:hover {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') no-repeat 10px 50% #efefef;
}
.hdMdWrap .lLi .aBlank {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_blank.png') no-repeat right center;
  padding-right: 15px;
}

.hdMdWrap .supportServiceList .lLi.staticLi {
  border-bottom: 2px solid #dbdbdb;
  border-top: 2px solid #dbdbdb;
  padding: 3px 0;
}
/*mdInnerBot*/
.hdMdWrap .innerBot .mdSapoBot {
  border-top: 1px solid #e5e5e5;
  padding: 10px 0 0;
  margin-top: 5px;
}

/*mdM*/
.mdM {
  display: none;
  position: absolute;
  left: -612px;
  top: -4px;
  background: #fff;
  z-index: -1;
  width: 612px;
  overflow: hidden;
  padding: 0 8px 8px 0;
  position: absolute;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/hd/2014new_mega_bg.png') no-repeat bottom right ;
}
.mdCateM,
.mdSapoM {
  border-top: 4px solid #4ba4ff;
  padding: 10px 0;
  height: inherit;
  overflow: hidden;
}
.mdMInner {
  padding: 0 15px;
  overflow: hidden;
}
.mdMInner .mdMInnerTtl {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 5px 10px 40px;
}
.mdMInner .mdMInnerL,
.mdMInner .mdMInnerR {
  width: 280px;
}
.mdMInner .mdMInnerL {
  float: left;
  margin-left: 5px;
}
.mdMInner .mdMInnerR {
  float: right;
  margin-right: 10px;
}
.mdMInner .mLi {
  display: block;
}
.mdMInner .mLi a {
  width: 230px;
  padding: 4px 12px;
  display: block;
  text-decoration: none;
  color: #333;
}
.mdMInner .mLi a:hover {
  color: #1b72e9;
  text-decoration: underline;
}
.mdMInner  .mLi.linkLi a {
  padding-left: 23px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') no-repeat 10px 50%;
}
.mdMInner .mLi.linkLi a:hover {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') no-repeat 10px 50% #efefef;
  color: #1b72e9;
  text-decoration: underline;
}
.mdMInner .mLi.ftrLi a {
  padding: 5px 15px 5px 35px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_search_gray.png') no-repeat 10px 50%;
}
.mdMInner .mLi.ftrLi a:hover {
  background-color: #efefef;
}
.mdMInner .bnrLi {
  text-align: center;
  margin-top: 10px;
}



/*mdR*/
.mdR {
  display: none;
  position: absolute;
  left: -612px;
  top: -4px;
  background: #fff;
  z-index: -1;
  width: 408px;
  overflow: hidden;
  padding: 0 7px 8px 0;
  position: absolute;
  background: url('/resource/images/shared/hd/2014new_mega_bg_416x2000.png') no-repeat bottom right ;
}

.mdCateR,
.mdSapoR {
  border-top: 4px solid #4ba4ff;
  padding: 10px 0;
  /*overflow: hidden;*/
}
.mdRInner {
  padding: 0 15px;
  /*overflow: hidden;*/
}
.mdRInner .mdRInnerTtl {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 5px 10px 40px;
}
.mdRInner .mdRInnerL,
.mdRInner .mdRInnerR {
  width: 280px;
}
.mdRInner .mdRInnerL {
  float: left;
  margin-left: 5px;
}
.mdRInner .mdRInnerR {
  float: right;
  margin-right: 10px;
}
.mdRInner .mLi {
  display: block;
}
.mdRInner .mLi a {
  /*width: 140px;*/
  padding: 4px 12px;
  display: block;
  text-decoration: none;
  color: #333;
}
.mdRInner .mLi a:hover {
  color: #1b72e9;
  text-decoration: underline;
}
.mdRInner  .mLi.linkLi a {
  padding-left: 23px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') no-repeat 10px 50%;
}
.mdRInner .mLi.linkLi a:hover {
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_arw_blue_r.png') no-repeat 10px 50% #efefef;
  color: #1b72e9;
  text-decoration: underline;
}
.mdRInner .mLi.ftrLi a {
  padding: 5px 15px 5px 35px;
  background: url('//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_search_gray.png') no-repeat 10px 50%;
}
.mdRInner .mLi.ftrLi a:hover {
  background-color: #efefef;
}
.mdRInner .bnrLi {
  text-align: center;
  margin-top: 10px;
}

.mdR .mdRSapoInner .mdRSapoInnerClm2 {
  width: 370px;
}
.mdRSapoInnerBoxListL,
.mdRSapoInnerBoxListR {
  width: 180px;
  float: left;
}
.mdR .mdRSapoInner .mdRSapoInnerClm2 .mdMSapoInnerBox {
  width: 370px;
  clear: both;
}
.mdR .mdRSapoInner .mLi.linkLi.indentFirstLi > a {
    width: auto;
}


/*mdMSupportService*/
.mdMSupportService{
  width: 264px;
  background: url('/resource/images/shared/hd/2014new_mega_bg_272x2000.png') no-repeat bottom right ;
}
.mdMSupportService .mdMInner{
  padding: 0 0 0 8px;
}
.hdMdWrap .mdMSupportService .lLi.staticLi,
.hdMdWrap .mdMSupportService .lLi a{
  width: auto;
}
.mdMSupportService .mdMInner>ul>li{
  margin-bottom: 20px;
}



/*categoryIco*/
.hdMdWrap .categoryIco {
  background-image:url('//cdn.askul.co.jp/ais/resource/images/shared/2014new_md_title_ico.png');
  background-repeat:no-repeat;
	 width:30px;
	 height:39px;
  display: block;
  position: absolute;
  left: 15px;
  top: 5px;
}
.hdMdWrap #category01 .categoryIco {
	background-position:0 0;
}
.hdMdWrap #category02 .categoryIco {
	background-position:0 -45px;
}
.hdMdWrap #category03 .categoryIco {
	background-position:0 -90px;
}
.hdMdWrap #category07 .categoryIco {
	background-position:-35px 0;
}
.hdMdWrap #category09	 .categoryIco {
	background-position:-35px -45px;
}
.hdMdWrap #category10 .categoryIco {
	background-position:-35px -90px;
}
.hdMdWrap #category13 .categoryIco {
	background-position:-70px 0;
}
.hdMdWrap #category14 .categoryIco {
	background-position:-70px -45px;
}
.hdMdWrap #category15 .categoryIco {
	background-position:-70px -90px;
}
.hdMdWrap #category19 .categoryIco {
	background-position:-105px 0;
}
.hdMdWrap #category21 .categoryIco {
	background-position:-105px -45px;
}
.hdMdWrap #category22 .categoryIco {
	background-position:-105px -90px;
}
.hdMdWrap #category23 .categoryIco {
	background-position:-140px 0;
}
.hdMdWrap #category24 .categoryIco {
	background-position:-140px -45px;
}
.hdMdWrap #category25 .categoryIco {
	background-position:-140px -90px;
}
.hdMdWrap #category26 .categoryIco {
	background-position:-175px 0;
}
.hdMdWrap #category27 .categoryIco {
	background-position:-175px -45px;
}
.hdMdWrap #category28 .categoryIco {
	background-position:-175px -90px;
}
.hdMdWrap #category29 .categoryIco {
	background-position:-210px 0;
}
.hdMdWrap #category34 .categoryIco {
	background-position:-210px -45px;
}
.hdMdWrap #category35 .categoryIco {
	background-position:-210px -90px;
}

/** IE6 only
===================================*/
* html .hdNavOuter:after,
* html .hdNavInnerTop:after,
* html .hdNavInnerBot:after,
* html .hdCateOuter:after,
* html .footerLinkTxt:after,
* html .footerLinkBanner:after,
* html .footerLink03Outer:after,
* html .footerLinkIco ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .hdNavOuter,
* html .hdNavInnerTop,
* html .hdNavInnerBot,
* html .footerLinkTxt,
* html .footerLinkBanner,
* html .footerLink03Outer,
* html .footerLinkIco ul {
	zoom: 1;
}
* html .hdMdWrap {
	left: -200px;
}
* html .hdNavInnerBotR {
	float: right;
}
* html .ren_valTxt {
	margin-right: 2px;
}
* html .val_right {
	float: right;
	width: 155px;
}
* html .headerN2014 .hdCar .hdNavCarBtn a,
* html .val_left .val_txt {
	font-size: 11px;
}
* html .headerN2014 .hdCar .hdNavCarBtn a span.downIco {
	top: 8px;
	right: 10px;
	font-size: 0.1em;
	overflow: hidden;
}
* html .ren_text_AreaA .ren_text_Area {
	width: 45%;
	left: 180px;
}
* html .select_right_Area {
	right: 35px;
}
* html .hdBenriSearchWrap {
	right: 4px;
}

/** IE6,IE7 only
===================================*/
.body {
  *zoom: 1;
}

/** ロード時の検索窓対処
===================================*/
.select_JSoff{
  background: url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_sprite_header01.png) no-repeat;
  background-position:0px -62px;
  position:absolute;
  top:5px;
  width:180px;
  height:29px;
  *left:5px;
}
.hdSerCategory {
  display:none;
}
* html .hdSerCategory {
  display:block;
  margin-top:10px;
}

/** メガドロップ下部
===================================*/
.mdRSapoInner {
	padding: 0 0 0 10px;
}
.mdMSapoInner .mdMSapoInnerTtl,
.mdRSapoInner .mdRSapoInnerTtl {
	margin: 0 0 6px 0;
	padding: 0 0 8px 0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #e6e6e6;
}
.mdMSapoInner .mdMSapoInnerRead,
.mdRSapoInner .mdRSapoInnerRead {
	padding: 0 0 9px 0;
}
.mdMSapoInner .mdMSapoInnerClm1,
.mdRSapoInner .mdRSapoInnerClm1 {
}
.mdMSapoInner .mdMSapoInnerClm1 .mdMSapoInnerBox,
.mdRSapoInner .mdRSapoInnerClm1 .mdRSapoInnerBox {

}
.mdMSapoInner .mdMSapoInnerClm2 .mdMSapoInnerBox,
.mdRSapoInner .mdRSapoInnerClm2 .mdRSapoInnerBox {
    float: left;
    width: 284px;
}
.mdMSapoInner .mdMSapoInnerBoxTtl,
.mdRSapoInner .mdRSapoInnerBoxTtl {
	padding-bottom: 4px;
	font-weight: bold;
}
.mdMSapoInner .mdMSapoInnerBoxList {
  float: left;
  width: 185px;
}

.mdMSapoInner .mLi a,
.mdRSapoInner .mLi a {
	padding-top: 3px;
	padding-bottom: 3px;
}
.mdMSapoInner .mLi .aBlank,
.mdRSapoInner .mLi .aBlank {
    background: url(//cdn.askul.co.jp/ais/resource/images/shared/icn/2014new_ico_blank.png) no-repeat right center;
    padding-right: 15px;
}
.mdMSapoInner .bnrLi,
.mdRSapoInner .bnrLi {
	margin-top: 10px;
	text-align: left;
}
.mdMSapoInner .indentFirstLi,
.mdRSapoInner .indentFirstLi {
	margin: 0 1.5em;
}
.mdMSapoInner .indentFirstLi a,
.mdRSapoInner .indentFirstLi a {
	width: auto;
}
.mdMSapoInner.spc .categoryIco,
.mdRSapoInner.spc .categoryIco {
	background:url(//cdn.askul.co.jp/ais/resource/images/shared/2014new_md_title_ico.png) no-repeat -245px 0;
	width:30px;
	height:39px;
	display: block;
	position: absolute;
	left: 18px;
	top: 5px;
}
.mdMSapoInner.spc .mdMSapoInnerTtl,
.mdRSapoInner.spc .mdRSapoInnerTtl {
	padding-left: 33px;
}


/* for IE7 */
.mod_confirmNote {
	zoom:1;
}

/* 配送先情報
----------------------------------------------- */
.deli_area {
	float: right;
	font-size: 12px;
}
.deli_areaTable {
	height: 38px;
}
.deli_areaTable .deli_track {
	vertical-align: middle;
}
.deli_areaTable .deli_track span {
	display: block;
	width: 21px;
	height: 14px;
	background: url(/resource/images/shared/2014new_op_sprite_01.png) no-repeat -330px -180px;
}
.deli_areaTable .deli_info {
	padding: 0 4px;
	vertical-align: middle;
}
.deli_areaTable .deli_info .deli_ttl {
	text-align: left;
	font-size: 12px;
}
.deli_areaTable .deli_info .deli_address {
	text-align: left;
	font-size: 12px;
}
.deli_areaTable .deli_link {
	vertical-align: middle;
}
.deli_areaTable .deli_link a:link,
.deli_areaTable .deli_link a:visited {
	display: block;
	width: 44px;
	height: 22px;
	background: url(/resource/images/shared/2014new_op_sprite_01.png) no-repeat -220px -210px;
	text-align: center;
	color: #000;
	line-height: 20px;
	text-decoration: none;
}
.deli_areaTable .deli_link a:hover,
.deli_areaTable .deli_link a:active {
	background-position: -220px -232px;
}
@media screen and (max-width: 1110px){
	.val_left .deli_box,
	.val_left .deli_ttl,
	.val_left .deli_address {
		display:block;
		line-height:1.3
	}
}

/* モーダル表示 配送先
----------------------------------------------- */
#modalDeliveryHeadBeforeLogin,
#modalDeliveryDetailBeforeLogin {
    font-size: 1.3em;
    line-height: 1.6;
    padding: 0;
    width: 660px;
	position: relative;
}
#modalDeliveryHeadAfterLogin {
    font-size: 1.3em;
    height: 370px;
    line-height: 1.6;
    padding: 0;
    width: 660px;
	position: relative;
}
#modalDeliveryDetailAfterLogin {
    font-size: 1.3em;
    line-height: 1.6;
    padding: 0;
    width: 660px;
	position: relative;
}
.modalDeliveryBox {
	padding: 12px 50px 92px 16px;
	overflow-y: auto;
	border-top: solid 4px #2b90ec;
}
.lModalBox h2.modalDeliveryTitle {
	margin: 0 0 6px 0;
	padding: 0 0 6px 40px;
	background: url(/resource/images/shared/hd/2015new_modal_icon_track.gif) no-repeat 0px 5px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}
.modalDeliveryRead {
	margin: 0 0 16px 24px;
	padding: 5px 8px;
	border: solid 1px #cecece;
}
.modalDeliveryRead p {
	line-height: 1.4;
}
.modalDeliveryRead .deli_add {
	font-weight: bold;
	color: #ff752f;
}
.modalDeliveryBox .ttl_icon {
	padding-right: 4px;
	color: #172890;
}
.modalDeliveryLogin {
	margin: 0 0 14px 24px;
}
.modalDeliveryLogin dl {
}
.modalDeliveryLogin dl dt {
	float: left;
	padding-right: 10px;
	font-weight: bold;
}
.modalDeliveryLogin dl dd {
	float: left;
}
.modalDeliveryLogin dl dd a:link,
.modalDeliveryLogin dl dd a:visited {
	display: block;
	background: url(/resource/images/shared/hd/2015new_modal_btn_login.gif) no-repeat 0px 0px;
	width: 114px;
	height: 20px;
	text-indent: -9999px;
	font-size: 1px;
}
.modalDeliveryLogin dl dd a:hover,
.modalDeliveryLogin dl dd a:active {
	background-position: 0px -20px;
}
.modalDeliveryZip {
	margin: 0 0 20px 24px;
}
.modalDeliveryZip .zip_ttl {
	margin: 0 0 4px 0;
	font-weight: bold;
}
.modalDeliveryZip .zip_search {
	margin: 0 0 6px 16px;
}
.modalDeliveryZip .zip_search table {
}
.modalDeliveryZip .zip_search table td {
	padding: 0 1px;
}
.modalDeliveryZip .zip_search table td input {
	padding: 2px 3px;
	width: 40px;
}
.modalDeliveryZip .zip_search table td.zip_search01 {
	padding: 0 1px 0 0;
}
.modalDeliveryZip .zip_search table td.zip_search02 {
}
.modalDeliveryZip .zip_search table td.zip_search03 {
}
.modalDeliveryZip .zip_search table td.zip_search04 {
}
.modalDeliveryZip .zip_search table td.zip_search05 {
	padding: 0 4px;
}
.modalDeliveryZip .zip_search table td.zip_search05 a:link,
.modalDeliveryZip .zip_search table td.zip_search05 a:visited {
	display: block;
	background: url(/resource/images/shared/hd/2015new_modal_btn_zip.gif) no-repeat 0px 0px;
	width: 230px;
	height: 20px;
	text-indent: -9999px;
}
.modalDeliveryZip .zip_search table td.zip_search05 a:hover,
.modalDeliveryZip .zip_search table td.zip_search05 a:active {
	background-position: 0px -20px;
}
.modalDeliveryZip .zip_address {
	border: dotted 2px #d8d8d8;
	padding: 5px 8px;
	margin: 0 0 4px 16px;
}
.modalDeliveryZip .zip_caution {
	color: #d80000;
	line-height: 1.4;
	font-size: 11px;
	padding: 8px 0 0 0;
}
.modalDeliveryAdd {
	margin: 0 0 24px 24px;
}
.modalDeliveryAdd .add_ttl {
	padding: 0 0 4px 0;
	font-weight: bold;
}
.modalDeliveryAdd select {
	margin: 0 0 2px 16px;
	width: 450px;
}
.modalDeliveryAdd option {
	padding: 2px;
}
.modalDeliveryAdd .add_link {
	margin: 0 0 0 16px;
}
.modalDeliveryAdd .add_link a {
	background:url(/resource/images/shared/icn/2014new_ico_arw_blue_r.png) no-repeat 0 6px;
	padding: 0 0 0 12px;

}

.modalDeliveryNum {
	border-top: solid 1px #cecece;
	margin: 0 0 0 24px;
	padding: 14px 0 0 0;
}
.modalDeliveryNum dl {
}
.modalDeliveryNum dl dt {
	float: left;
	padding: 3px 10px 0 0;
	font-weight: bold;
}
.modalDeliveryNum dl dd {
	float: left;
}
.modalDeliveryNum dl dd input {
	border: solid 2px #ccc;
	padding: 4px;
	text-align: right;
	width:36px;
}
.modalDeliveryBtn {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #f5f5f5;
	width: 660px;
  height: 72px;
}
.modalDeliveryBtn ul {
	padding: 14px 0 20px 110px;
}
.modalDeliveryBtn .modalDeliveryBtn_nochange {
	float: left;
	margin-right: 30px;
	*width:205px;
}
.modalDeliveryBtn .modalDeliveryBtn_nochange span {
	display: block;
	background: url(/resource/images/shared/hd/2015new_modal_btn_nochange.gif) no-repeat 0px 0px;
	width: 205px;
	height: 38px;
	text-indent: -9999px;
	cursor: pointer;
	position: static;
	top: 0px;
	left: 0px;
}
.modalDeliveryBtn .modalDeliveryBtn_nochange span:hover {
	background-position: 0px -38px;
}
.modalDeliveryBtn .modalDeliveryBtn_submit {
	float: left;
}
.modalDeliveryBtn .modalDeliveryBtn_submit a:link,
.modalDeliveryBtn .modalDeliveryBtn_submit a:visited {
	display: block;
	background: url(/resource/images/shared/hd/2015new_modal_btn_submit.gif) no-repeat 0px 0px;
	width: 205px;
	height: 38px;
	text-indent: -9999px;
}
.modalDeliveryBtn .modalDeliveryBtn_submit a:hover,
.modalDeliveryBtn .modalDeliveryBtn_submit a:active {
	background-position: 0px -38px;
}
.modalDeliveryBtn .modalDeliveryBtn_submit span.off {
	display: block;
	background: url(/resource/images/shared/hd/2015new_modal_btn_submit.gif) no-repeat 0px -76px;
	width: 205px;
	height: 38px;
	text-indent: -9999px;
}
.modalDeliveryInfo {
	margin: 6px 0 6px 40px;
}
.modalDeliveryInfo p {
	line-height: 1.3;
	font-size: 11px;
}
#modalDeliveryHeadAfterLogin .modalDeliveryBox {
	overflow: hidden;
	height: auto;
}
#modalDeliveryHeadBeforeLogin .mCloseBtn,
#modalDeliveryDetailBeforeLogin .mCloseBtn,
#modalDeliveryDetailAfterLogin .mCloseBtn {
	top: 16px;
	right: 24px;
}

/* IE6用ポップアップウィンドウ */
.forIE6 {
    font-size: 1.3em;
    line-height: 1.6;
}
.forIE6 .heading {
	margin: 25px 50px 0 50px;
	padding: 0;
	background-image: none;
	color: #333;
	line-height: 1.4;
}
.forIE6 .heading h1 {
    background: url(/resource/images/shared/hd/2015new_modal_icon_track.gif) no-repeat scroll 0 5px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 0 6px 40px;
}
.forIE6 .detailContentBody {
	background-image: none;
	padding: 0;
}
.forIE6 .modalDeliveryBox {
	border: none;
	height: auto;
	overflow: visible;
	padding: 5px 50px 20px 50px;
}
.forIE6 #modalDeliveryHeadBeforeLogin .modalDeliveryBox,
.forIE6 #modalDeliveryDetailBeforeLogin .modalDeliveryBox {
  height: auto;
}
.forIE6 .modalDeliveryRead,
.forIE6 .modalDeliveryLogin,
.forIE6 .modalDeliveryZip,
.forIE6 .modalDeliveryNum,
.forIE6 .modalDeliveryAdd {
	margin-left: 0;
}
.forIE6 .modalDeliveryZip .zip_search table td {
	vertical-align: bottom;
}
.forIE6 .modalDeliveryZip .zip_ttl {
	margin-bottom: 6px;
}
.forIE6 .modalDeliveryZip .zip_search {
	margin-bottom: 8px;
}
.forIE6 .modalDeliveryZip .zip_search05 a {
	margin-bottom: 1px;
	_margin-bottom: 2px;
}
.forIE6 .modalDeliveryInfo {
	margin-left: 18px;
}
.forIE6 .modalDeliveryBtn {
	position: static;
	width: auto;
	margin: 0 50px 10px 50px;
}
.forIE6 .modalDeliveryBtn .modalDeliveryBtn_nochange a {
	display: block;
	background: url(/resource/images/shared/hd/2015new_modal_btn_nochange.gif) no-repeat 0px 0px;
	width: 205px;
	height: 38px;
	text-indent: -9999px;
	cursor: pointer;
	position: static;
	top: 0px;
	left: 0px;
}
.forIE6 .modalDeliveryBtn .modalDeliveryBtn_nochange a:hover {
	background-position: 0px -38px;
}
.forIE6 #modalDeliveryHeadBeforeLogin,
.forIE6 #modalDeliveryDetailBeforeLogin { width:auto; font-size:1em; }
.forIE6 #modalOverlay { _display:none !important; }

.forIE6 #Deli_mWin01,
.forIE6 #Deli_mWin02,
.forIE6 #Deli_mWin03,
.forIE6 #Deli_mWin04,
.forIE6 #Deli_mWin05,
.forIE6 #Deli_mWin06 { left:70px !important;}
.forIE6 #modalDeliveryHeadBeforeLogin,
.forIE6 #modalDeliveryDetailBeforeLogin { height:auto; }


/** ログイン直後表示モーダル
===================================*/
#modalRegistInfoLogin {
    font-size: 1.3em;
    line-height: 1.6;
    padding: 0;
    position: relative;
    width: 500px;
}

.modalRegistInfoBox {
    border-top: 4px solid #2b90ec;
    overflow-y: auto;
    padding: 12px 50px 0 16px;
}
.lModalBox h2.modalRegistInfoTitle {
    font-size: 20px;
    *font-size: 19px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 6px;
    padding: 0 0 6px 24px;
}
.modalRegistInfoReadBox {
    margin: 0 0 16px 24px;
}
.modalRegistInfoReadBox table {
  width: 100%;
}
.modalRegistInfoReadBox table, .modalRegistInfoReadBox td, .modalRegistInfoReadBox th {
    border: 1px solid #c3c3c3;
    border-collapse: collapse;
}
.modalRegistInfoReadBox td, .modalRegistInfoReadBox th {
  padding: 4px 4px 4px 6px;
}
.modalRegistInfoReadBox th {
  background-color: #efefef;
}
.modalRegistInfoReadBox th p {
  text-align: left;
}
.modalRegistInfoReadBox th p span {
  font-weight: bold;
}

.modalRegistInfoReadTxt {
    margin-left: 24px;
}
.modalRegistInfoReadTxt .ttl_icon {
    color: #172890;
    padding-right: 4px;
}
.modalRegistInfoBtn {
  background-color: #f5f5f5;
  width: 500px;
}
.modalRegistInfoBtn ul {
  padding: 14px 55px 20px 55px;
}
.modalRegistInfoBtn .modalRegistInfoBtn_nochange {
  float: left;
  margin-right: 30px;
  *width:180px;
}
.modalRegistInfoBtn .modalRegistInfoBtn_nochange span {
  display: block;
  background: url(/resource/images/shared/hd/2015new_modalRegistInfo_btn_nochange.gif) no-repeat 0px 0px;
  width: 180px;
  height: 33px;
  text-indent: -9999px;
  cursor: pointer;
  position: static;
  top: 0px;
  left: 0px;
}
.modalRegistInfoBtn .modalRegistInfoBtn_nochange span:hover {
  background-position: 0px -33px;
}
.modalRegistInfoBtn .modalRegistInfoBtn_change {
  float: left;
}
.modalRegistInfoBtn .modalRegistInfoBtn_change a:link,
.modalRegistInfoBtn .modalRegistInfoBtn_change a:visited {
  display: block;
  background: url(/resource/images/shared/hd/2015new_modalRegistInfo_btn_change.gif) no-repeat 0px 0px;
  width: 180px;
  height: 33px;
  text-indent: -9999px;
}
.modalRegistInfoBtn .modalRegistInfoBtn_change a:hover,
.modalRegistInfoBtn .modalRegistInfoBtn_change a:active {
  background-position: 0px -33px;
}
.modalRegistInfoBtn .modalRegistInfoBtn_change span.off {
  display: block;
  background: url(/resource/images/shared/hd/2015new_modalRegistInfo_btn_change.gif) no-repeat 0px -76px;
  width: 180px;
  height: 33px;
  text-indent: -9999px;
}


/* ログイン直後表示モーダル IE6用ポップアップウィンドウ */
.forIE6 .heading h1 {
    background: none;
    padding: 0 0 6px 0;
}
.forIE6 .modalRegistInfoBox {
  border: none;
  height: auto;
  overflow: visible;
  padding: 5px 50px 20px 50px;
}
.forIE6 .modalRegistInfoReadBox table {
  width: 661px;
}
.forIE6 .modalRegistInfoReadBox,
.forIE6 .modalRegistInfoReadTxt {
  margin-left: 0;
}
.forIE6 .modalRegistInfoBtn {
  position: static;
  width: auto;
  margin: 0 50px 10px 50px;
}
.forIE6 .modalRegistInfoBtn ul {
  padding: 14px 135px;
}
.forIE6 .modalRegistInfoBtn .modalRegistInfoBtn_nochange a {
  display: block;
  background: url(/resource/images/shared/hd/2015new_modalRegistInfo_btn_nochange.gif) no-repeat 0px 0px;
  width: 180px;
  height: 33px;
  text-indent: -9999px;
  cursor: pointer;
  position: static;
  top: 0px;
  left: 0px;
}
.forIE6 .modalRegistInfoBtn .modalRegistInfoBtn_nochange a:hover {
  background-position: 0px -33px;
}




/** .headerN2015
===================================*/
.headerN2015 {
  position: relative;
  z-index: 100;
  border-top: solid 3px #2f8eef;
  background: #fff;
}

/* .hdNavOuter */
.headerN2015 .hdNavOuter {
  position: relative;
  z-index: 180;
  height: 70px;
}

.headerN2015 .hdNavOuter .MainLogo_ASKUL {
  display: block;
  position: absolute;
  left: 19px;
  top: 13px;
  width: 138px;
  height: 44px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat;
  z-index: 10;
}

.headerN2015 .hdNavInnerTopL {
  position: absolute;
  left: 176px;
  top: 13px;
  z-index: 188;
}

.headerN2015 .hdNavInnerTopR {
  position: absolute;
  right: 20px;
  top: 6px;
  z-index: 188;
}

.headerN2015 .hdNavInnerTopR .hdMembers {
  margin-top: 5px;
}

.headerN2015 .hdNavInnerTopR .hdUtility {
  display: flex;
  float: right;
  font-size: 120%;
  margin: 0 0 0 -16px;
}

.headerN2015 .hdNavInnerTopR .hdUtility > li {
  padding: 0 0 0 16px;
}

.headerN2015 .hdNavInnerTopR .hdUtility > li > .help {
  display: inline-block;
  padding: 0 0 0 15px;
  position: relative;
}

.headerN2015 .hdNavInnerTopR .hdUtility > li > .help::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 14px;
  height: 14px;
  background: url("/resource/images/shared/2015new_sprite_header01.png") no-repeat -325px -70px;
}

.headerN2015 .hdNavInnerTopR .guide {
  position: relative;
  float: left;
  vertical-align: middle;
}

.headerN2015 .hdNavInnerTopR .guide a.link {
  padding-right: 28px;
  padding-left: 15px;
  border-right: 1px solid #cecece;
}

.headerN2015 .hdNavInnerTopR .guide .beginner {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 11px;
  height: 14px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -212px -70px;
}

.headerN2015 .hdNavInnerTopR .guide .arrow {
  display: block;
  position: absolute;
  right: 22px;
  top: 5px;
  width: 11px;
  height: 7px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -19px -54px;
}

.headerN2015 .hdNavInnerTopR .guide a:link,
.headerN2015 .hdNavInnerTopR .guide a:visited,
.headerN2015 .hdNavInnerTopR .guide a:hover,
.headerN2015 .hdNavInnerTopR .guide a:active {
  text-decoration: none;
}

.headerN2015 .hdNavInnerTopR .user {
  position: relative;
  float: left;
  padding-left: 20px;
  font-size: 120%;
  vertical-align: middle;
}

.headerN2015 .hdNavInnerTopR .user a.link {
  padding-right: 8px;
}

.headerN2015 .hdNavInnerTopR .user .num_point {
  padding-right: 10px;
  color: #ff752f;
  /vertical-align: top;
}

.headerN2015 .hdNavInnerTopR .user .name {
  /vertical-align: top;
}

.headerN2015 .hdNavInnerTopR .user .point {
  display: inline-block;
  width: 30px;
  height: 22px;
  margin: -6px 0 -6px 0;
  /height: 22px;
  /margin-bottom: -9px;
  background-repeat: no-repeat;
  background-position: 0;
}
.headerN2015 .hdNavInnerTopR .user .blue { background-image: url(/resource/images/shared/2015new_icon_ribbon_blue_01.png); }
.headerN2015 .hdNavInnerTopR .user .gold { background-image: url(/resource/images/shared/2015new_icon_ribbon_gold_01.png); }
.headerN2015 .hdNavInnerTopR .user .platinum { background-image: url(/resource/images/shared/2015new_icon_ribbon_platinum_01.png); }

.headerN2015 .hdNavInnerTopR .user .arrow {
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
  width: 11px;
  height: 7px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -19px -54px;
}

.headerN2015 .hdNavInnerTopR .user a:link,
.headerN2015 .hdNavInnerTopR .user a:visited,
.headerN2015 .hdNavInnerTopR .user a:hover,
.headerN2015 .hdNavInnerTopR .user a:active {
  text-decoration: none;
}

.headerN2015 .hdNavInnerTopR .security {
  position: relative;
  float: left;
  padding-left: 28px;
  border-left: solid 1px #cecece;
  font-size: 120%;
  vertical-align: middle;
}

.headerN2015 .hdNavInnerTopR .security .logout {
  display: block;
  position: absolute;
  left: 13px;
  top: 0;
  width: 14px;
  height: 13px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -273px -70px;
}

.headerN2015 .hdNavInnerTopR .security a:link,
.headerN2015 .hdNavInnerTopR .security a:visited {
  text-decoration: none;
}

.headerN2015 .hdNavInnerTopR .security a:hover,
.headerN2015 .hdNavInnerTopR .security a:active {
  text-decoration: underline;
}

.headerN2015 .hdNavInnerTopR .member {
  position: relative;
  float: left;
  height: 24px;
  margin-top: -6px;
  margin-left: 9px;
  font-size: 120%;
  vertical-align: middle;
}

.headerN2015 .hdNavInnerTopR .member .entry {
  display: block;
  float: left;
  width: 84px;
  height: 24px;
  margin-right:10px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -345px -120px;
}

.headerN2015 .hdNavInnerTopR .member a.entry:hover,
.headerN2015 .hdNavInnerTopR .member a.entry:active {
  background-position: -345px -144px;
}

.headerN2015 .hdNavInnerTopR .member .sweetpoint_beforelogin {
  display: block;
  float: left;
  width: 126px;
  position: relative;
  margin: 6px 5px 0 0;
}
.headerN2015 .hdNavInnerTopR .member .sweetpoint_beforelogin .sweetpoint_icon {
  position:relative;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat scroll -212px -157px;
  display: inline-block;
  width: 19px;
  height: 10px;
  padding-right:3px;
}
.headerN2015 .hdNavInnerTopR .member .sweetpoint_beforelogin .sweetpoint_txt {
}

.headerN2015 .hdNavInnerTopR .member .login {
  display: block;
  float: left;
  width: 84px;
  height: 24px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -439px -120px;
}

.headerN2015 .hdNavInnerTopR .member a.login:hover,
.headerN2015 .hdNavInnerTopR .member a.login:active {
  background-position: -439px -144px;
}

.headerN2015 .hdNavInnerTopR .mypage_icon {
	background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -270px -154px;
	display: inline-block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.headerN2015 .hdNavInnerTopR .mypage_name {
	padding-right: 3px;
	/vertical-align: top;
}
.headerN2015 .hdNavInnerTopR .mypage_arrow {
	background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat scroll -19px -54px;
	display: inline-block;
	width: 11px;
	height: 7px;
	margin:0 3px 0 2px;
}
.headerN2015 .hdNavInnerTopR .sweetpoint_icon {
	background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat scroll -212px -157px;
	display: inline-block;
	width: 19px;
	height: 10px;
}
.headerN2015 .hdNavInnerTopR .sweetpoint_txt_afterlogin {
	padding-left: 3px;
	color: #ff752f;
	/vertical-align: top;
}

.headerN2015 .hdNavInnerBotL {
  position: absolute;
  left: 177px;
  top: 36px;
  z-index: 183;
}

.headerN2015 .hdNavInnerBotL .hdNavMain ul {
  border-left: solid 1px #cecece;
}

.headerN2015 .hdNavInnerBotL .hdNavMain ul li {
  position: relative;
  float: left;
  height: 31px;
  border-right: solid 1px #cecece;
  line-height: 1.3;
}

.headerN2015 .hdNavInnerBotL .hdNavMain ul li a {
  display: block;
  padding: 7px 17px 7px 45px;
}

.headerN2015 .hdNavInnerBotL .hdNavMain ul li.myCata span {
  display: block;
  position: absolute;
  top: 7px;
  left: 20px;
  width: 19px;
  height: 18px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -212px -100px;
}

.headerN2015 .hdNavInnerBotL .hdNavMain ul li.history span {
  display: block;
  position: absolute;
  top: 7px;
  left: 20px;
  width: 19px;
  height: 18px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -240px -100px;
}

.headerN2015 .hdNavInnerBotL .hdNavMain ul li.quick span {
  display: block;
  position: absolute;
  top: 5px;
  left: 20px;
  width: 17px;
  height: 19px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -268px -100px;
}

.headerN2015 .hdNavInnerBotL .hdNavMain ul li a {
  font-size: 140%;
  font-weight: bold;
  color: #172397;
}

.headerN2015 .hdNavInnerBotL .hdNavMain ul li a:link,
.headerN2015 .hdNavInnerBotL .hdNavMain ul li a:visited {
  text-decoration: none;
}

.headerN2015 .hdNavInnerBotL .hdNavMain ul li a:hover,
.headerN2015 .hdNavInnerBotL .hdNavMain ul li a:active {
  background-color: #e9f2fb;
}

.headerN2015 .hdNavInnerBotL {
  position: absolute;
  left: 177px;
  top: 33px;
  z-index: 183;
}

.headerN2015 .hdNavInnerBotR {
  position: absolute;
  right: 20px;
  top: 37px;
  font-size: 120%;
  z-index: 183;
}

.headerN2015 .hdNavInnerBotR .deliveryAddress {
  padding: 7px 46px 0 27px;
}
.headerN2015 .hdNavInnerBotR .deliveryAddress .truck {
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 20px;
  height: 13px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -298px -71px;
}

.headerN2015 .hdNavInnerBotR .deliveryAddress .hdAddressChangeBtn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 41px;
  height: 20px;
  padding-top: 8px;
  text-align: center;
  color: #333333;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -160px -140px;
}

.headerN2015 .hdNavInnerBotR a.hdAddressChangeBtn:link,
.headerN2015 .hdNavInnerBotR a.hdAddressChangeBtn:visited {
  text-decoration: none;
}

.headerN2015 .hdNavInnerBotR a.hdAddressChangeBtn:hover,
.headerN2015 .hdNavInnerBotR a.hdAddressChangeBtn:active {
  background-position: -160px -168px;
  text-decoration: none;
}

/* .hdCateOuter */
.headerN2015 .hdCateOuter {
  position: relative;
  z-index: 160;
  height: 40px;
  margin-bottom: 10px;
}

.headerN2015 .hdMd2015 {
  position: absolute;
  left: 0;
  top: 0;
}

.headerN2015 .hdMd2015 .hdMdBtn {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 157px;
  height: 29px;
  padding: 11px 0 0 20px;
  background: #4ba4ff;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.2;
}

.headerN2015 .hdMd2015 .hdMdBtn:link,
.headerN2015 .hdMd2015 .hdMdBtn:visited {
  color: #fff;
  text-decoration: none;
}

.headerN2015 .hdMd2015 .hdMdBtn .arrow {
  display: block;
  position: absolute;
  right: 12px;
  top: 17px;
  width: 10px;
  height: 6px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat 0 -54px;
}

.headerN2015 .hdMd2015 .hdMdBtnLinkOn .arrow {
  background-position: -56px -54px;
}

.headerN2015 .hdSerWrap {
  position: relative;
  margin: 0 180px 0 177px;
  padding-right: 5px;
}

.headerN2015 .hdSerWrap .wrapIn {
  height: 40px;
  padding: 0 215px 0 177px;
  background: #d3e9ff;
}

.headerN2015 .hdSerWrap .wrapBg {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 40px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -148px 0;
}

.headerN2015 .hdSerWrap .cateSelect {
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 172px;
  height: 30px;
  overflow: hidden;
}

.headerN2015 .hdSerWrap .cateSelect .selectTxt {
  width: 144px;
  height: 23px;
  padding: 7px 26px 0 8px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -345px -178px;
  color: #333;
  font-size: 13px;
  line-height: 1.2;
}

.headerN2015 .hdSerWrap .cateSelectOn .selectTxt {
  background-position: -345px -208px;
}

.headerN2015 .hdSerWrap .cateSelected .selectTxt {
  background-position: -345px -238px;
  color: #fff;
  font-weight: bold;
}

.headerN2015 .hdSerWrap .cateSelect .selectTxt .txtIn {
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

.headerN2015 .hdSerWrap .cateSelect .selectTxt .dot {
  visibility: hidden;
}

.headerN2015 .hdSerWrap .cateSelect select {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 172px;
  height: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-appearance: none;
}

.headerN2015 .hdSerWrap .inputField {
  padding-top: 5px;
  /padding-top: 4px;
}

.headerN2015 .hdSerWrap .inputField input {
  width: 100%;
  height: 28px;
  padding: 0 5px;
  border: none;
  border-top: solid 1px #6da7e1;
  border-bottom: solid 1px #6da7e1;
  background: #fff;
  font-size: 13px;
  line-height: 27px;
}

.headerN2015 .hdSerWrap .ren_Btn_search {
  display: block;
  position: absolute;
  right: 102px;
  top: 5px;
  width: 108px;
  height: 30px;
  border: none;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat 0 -70px;
  text-indent: -9999px;
  cursor: pointer;
}

.headerN2015 .hdSerWrap .ren_Btn_search:hover,
.headerN2015 .hdSerWrap .ren_Btn_search:active {
  background-position: 0 -100px;
}

.headerN2015 .hdSerWrap .benriSearch {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 94px;
}

.headerN2015 .hdSerWrap .benriSearch .searchBtn {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 86px;
  height: 22px;
  padding: 8px 0 0 8px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -108px -70px;
  font-size: 120%;
  line-height: 1.2;
  cursor: default;
  text-align: left;
}

.headerN2015 .hdSerWrap .benriSearch .searchBtn:link,
.headerN2015 .hdSerWrap .benriSearch .searchBtn:visited {
  color: #333;
  text-decoration: none;
}

.headerN2015 .hdSerWrap .benriSearch .linkOn {
  background-position: -108px -100px;
}

.headerN2015 .hdCarOuter {
  position: absolute;
  right: 20px;
  top: 0;
  width: 150px;
}

.headerN2015 .hdCarOuter .hdNavCarBtn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 113px;
  height: 29px;
  padding-top: 11px;
  padding-left: 37px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat 0 -140px;
}

.headerN2015 .hdCarOuter .hdNavCarBtn .icon {
  display: block;
  position: absolute;
  left: 15px;
  top: 11px;
  width: 20px;
  height: 16px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -298px -100px;
}

.headerN2015 .hdCarOuter .hdNavCarBtn .txt {
  font-size: 130%;
  color: #333333;
}

.headerN2015 .hdCarOuter .hdNavCarBtn .num_basket {
  padding: 0 2px 0 4px;
  font-size: 160%;
  font-weight: bold;
  color: #d80000;
}
.headerN2015 .hdCarOuter .hdNavCarBtn:link,
.headerN2015 .hdCarOuter .hdNavCarBtn:visited,
.headerN2015 .hdCarOuter .hdNavCarBtn:hover,
.headerN2015 .hdCarOuter .hdNavCarBtn:active {
  text-decoration: none;
}


.headerN2015 .hdCarOuter .linkOn {
  background-position: 0 -180px;
}

/* .hdKeywordOuter */
.headerN2015 .hdKeywordOuter {
  position: relative;
  margin: -5px auto 10px;
  padding: 7px 20px;
}

.headerN2015 .hdKeywordOuter dt {
  float: left;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.3;
}

.headerN2015 .hdKeywordOuter dd {
  margin-left: 11em;
}

.headerN2015 .hdKeywordOuter dd ul {
}

.headerN2015 .hdKeywordOuter dd ul li {
  float: left;
  margin-bottom: 3px;
  padding: 0 10px;
  border-left:  solid 1px #cecece;
  font-size: 110%;
}

.headerN2015 .hdKeywordOuter dd a:link,
.headerN2015 .hdKeywordOuter dd a:visited {
  text-decoration: none;
  line-height: 1.3;
  white-space: nowrap;
}

.headerN2015 .hdKeywordOuter dd a:hover,
.headerN2015 .hdKeywordOuter dd a:active {
  text-decoration: underline;
}

.headerN2015 .hdKeywordOuter.var1711 {
  padding-right: 250px;
}

.headerN2015 .hdKeywordOuter.var1711 dd {
  margin-left: 12em;
}

.headerN2015 .hdKeywordOuter.var1711 dd ul li {
  font-size: 120%;
}

.headerN2015 .hdKeywordOuter.var1711 .relService {
  position: absolute;
  top: 5px;
  right: 20px;
  overflow: hidden;
}

.headerN2015 .hdKeywordOuter.var1711 .relService > div {
 float: right;
}

.headerN2015 .hdKeywordOuter.var1711 .relService > div p {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.3;
}

.headerN2015 .hdKeywordOuter.var1711 .relService > div .relService__papriLink {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding: 3px 0 3px 55px;
  font-size: 120%;
  line-height: 1.3;
  margin-top: -1px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -659px 1px;
}

/* .hdTaglineOuter */
.headerN2015 .hdTaglineOuter {
  position: relative;
  font-size: 100%;
  line-height: 1.2;
  color: #a0a0a0;
}

/* .hdTaglineOuter */
.headerN2015 .hdTaglineOuter h1 {
  font-weight: normal;
}

/* .lowJsoffBox, lowCkoffBox */
.headerN2015 .lowInfoOuter {
  margin: 0 auto 10px !important;
  padding: 0 20px;
}

.headerN2015 .lowJsoffBox,
.headerN2015 .lowCkoffBox {
  font-size: 145%;
}





/* --------------------------------------------------------------
.topImpBox
-------------------------------------------------------------- */
.headerN2015 .topImpBox,
.mainArea .topImpBox {
  width: auto;
  border:1px solid #d80000;
}
.headerN2015 .topImpBox h2,
.headerN2015 .topImpBox a,
.mainArea .topImpBox h2,
.mainArea .topImpBox a {
	display: table-cell;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
.headerN2015 .topImpBox h2,
.mainArea .topImpBox h2 {
	font-size: 1.3em;
	color: #d80000;
	*width: 20%;
	background: url(/resource/images/shared/icn/2014new_attention-a-exmark-bg.gif) no-repeat;
	padding:10px 20px 0 39px;
	background-position: 10px 9px;
}
.headerN2015 .topImpBox h2,
.mainArea .topImpBox h2 {
	font-size: 1.3em;
	color: #d80000;
	*width: 20%;
	background: url(/resource/images/shared/icn/2014new_attention-a-exmark-bg.gif) no-repeat;
	padding:10px 20px 5px 39px;
	background-position: 10px 9px;
}
.headerN2015 .topImpBox a,
.mainArea .topImpBox a {
	*width: 80%;
	font-size: 120%;
}

.headerN2015 .topImpBox a:link,
.headerN2015 .topImpBox a:visited,
.mainArea .topImpBox a:link,
.mainArea .topImpBox a:visited {
	text-decoration: none;
}

.headerN2015 .topImpBox a:hover,
.headerN2015 .topImpBox a:active,
.mainArea .topImpBox a:hover,
.mainArea .topImpBox a:active {
	text-decoration: underline;
}


/*topImpInner*/
.headerN2015 .topImpInner,
.mainArea .topImpInner {
  display: table;
}
.headerN2015 .topImpInner h2,
.mainArea .topImpInner h2 {
	color:#d80000;
	float:left;
}
.headerN2015 .topImpInner ul,
.mainArea .topImpInner ul {
	overflow:auto;
	border-left:1px solid #d80000;
	padding:10px 10px 10px 20px;
}
.headerN2015 .topImpInner ul li,
.mainArea .topImpInner ul li {
	background:url(/resource/images/shared/icn/2014new_ico_arw_blue_r.png) no-repeat;
	padding-left:10px;
	padding: 0 0 0 15px;
	background-position: 0 5px;
}

/* --------------------------------------------------------------
.topEmerBox
-------------------------------------------------------------- */
.headerN2015 .topImpBox,
.headerN2015 .topEmerBox,
.mainArea .topImpBox,
.mainArea .topEmerBox {
  overflow: hidden;
  width: auto;
  margin-bottom: 10px;
}

.headerN2015 .topEmerBox h2,
.mainArea .topEmerBox h2 {
  font-size: 1.3em;
  padding-bottom: 5px;
  color: #00a0ea;
}

.headerN2015 .topEmerInner,
.mainArea .topEmerInner {
	border:1px solid #d80000;
}
.headerN2015 .topEmerInner p,
.mainArea .topEmerInner p {
	padding:10px;
	font-size: 120%;
}
.headerN2015 .topEmerInner h2,
.mainArea .topEmerInner h2 {
	color:#d80000;
	border-bottom:1px solid #d80000;
	padding:5px;
	background: url(/resource/images/shared/icn/2014new_attention-a-exmark-bg.gif) no-repeat;
	padding: 10px 20px 10px 39px;
	background-position: 10px 9px;
}





/** .headerGuideBalloon
===================================*/
.headerGuideBalloon {
  position: absolute;
  left: 50%;
  top: 14px;
  width: 295px;
  margin-left: -148px;
  visibility: hidden;
  opacity: 0;
}

.headerGuideBalloon .balloonIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.headerGuideBalloon .balloonHeadBg {
  height: 30px;
  background: url(/resource/images/shared/2015new_bg_balloon_02.png) no-repeat;
}

.headerGuideBalloon .balloonBody {
  padding: 1px 23px;
  background: url(/resource/images/shared/2015new_bg_balloon_01.png) repeat-y;
  zoom: 1;
}

.headerGuideBalloon .balloonBody .bodyIn {
  position: relative;
  margin: -11px 0;
  border: solid 1px #cecece;
  background: #fff;
}

.headerGuideBalloon .balloonBody ul {
  padding-bottom: 10px;
}

.headerGuideBalloon .balloonBody ul a {
  display: block;
  position: relative;
  padding: 7px 10px 7px 30px;
  line-height: 1.3;
  color: #333;
}

.headerGuideBalloon .balloonBody ul a:hover {
  background-color: #e9f2fb;
}

.headerGuideBalloon .balloonBody ul li .beginner {
  left: 10px !important;
  top: 7px !important;
}

.headerGuideBalloon .balloonBody ul li .faq {
  display: block;
  position: absolute;
  left: 8px;
  top: 7px;
  width: 14px;
  height: 14px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -325px -70px
}

.headerGuideBalloon .balloonBody ul li .sweetpoint {
  display: block;
  position: absolute;
  left: 7px;
  top: 10px;
  width: 19px;
  height: 14px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -212px -157px
}

.headerGuideBalloon .balloonBody ul li .hajimete {
  display: block;
  position: absolute;
  left: 11px;
  top: 5px;
  width: 11px;
  height: 18px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -241px -153px
}

.headerGuideBalloon .balloonBody ul li .arrow {
  right: auto;
  left: 15px !important;
  top: 9px !important;
  width: 14px !important;
  height: 11px !important;
  background-position: -40px -54px !important;
}

.headerGuideBalloon .balloonFootBg {
  height: 36px;
  background: url(/resource/images/shared/2015new_bg_balloon_03.png) no-repeat;
}

.headerGuideBalloon .balloonArrow {
  position: absolute;
  left: 139px;
  top: 1px;
  width: 17px;
  height: 9px;
}

.headerGuideBalloon .balloonArrow .arrowIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 9px;
  background: url(/resource/images/shared/2015new_bg_balloon_04.png) no-repeat;
}





/** .headerUserBalloon
===================================*/
.headerUserBalloon {
  position: absolute;
  left: -9999px;
  top: 14px;
  width: 579px;
  visibility: hidden;
  opacity: 0;
}

.headerUserBalloon .balloonIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.headerUserBalloon .balloonHeadBg {
  height: 30px;
  background: url(/resource/images/shared/2015new_bg_balloon_06.png) no-repeat;
}

.headerUserBalloon .balloonBody {
  padding: 1px 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_05.png) repeat-y;
  zoom: 1;
}

.headerUserBalloon .balloonBody .bodyIn {
  position: relative;
  margin: -11px 0;
  padding: 10px 0;
}

.headerUserBalloon .balloonBody .bodyIn .userName {
  margin-bottom: 10px;
  font-weight: bold;
}

.headerUserBalloon .balloonBody .bodyIn .inquiryNum{
  position: absolute;
  top: 10px;
  right: 0;
  margin-bottom: 10px;
  font-weight: bold;
}


.userInfoBox {
  padding-top: 15px;
  border-top: 1px solid #dadada;
}

.userInfoBox:after {
  content: "";
  display: block;
  clear: both;
}

.userInfoBox__content {
  width: 250px;
  float: left;
  padding: 14px 14px 20px;
  border: 1px solid #dadada;
  background: #fff;
  box-sizing: border-box;
}

.userInfoBox__content + .userInfoBox__content {
  margin-left: 10px;
}

.inhouseUser .userInfoBox__content {
  width: 100%;
}

.userInfoBox__title a {
  display: inline-block!important;
  font-size: 12px;
  font-weight: bold;
}

.userInfoBox__link-arrow {
  display: block;
  position: relative;
  padding-left: 11px;
}

.userInfoBox__link-arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
  height: 11px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -40px -54px;
}

.mypage__in,
.sweetPoint__in {
  margin-top: 15px;
}

.mypage__list-wrap + .mypage__list-wrap {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dadada;
}

.inhouseUser .mypage__list-wrap {
  display: inline-block;
  width: 48%;
  box-sizing: border-box;
}

.inhouseUser .mypage__list-wrap + .mypage__list-wrap {
  margin-top: 0;
  padding: 0 0 0 15px;
  border-top: none;
  border-left: 1px solid #dadada;
}

.mypage__list + .mypage__list {
  margin-top: 10px;
}

.sweetPoint__info-stage {
  display: inline-block;
  width: 135px;
  vertical-align: top;
}

.sweetPoint__info-icon {
  display: block;
  width: 129px;
  height: 31px;
  background: url(/resource/images/shared/header-stage-flag-sprite.png) no-repeat;
}

.sweetPoint__info-icon--blue { background-position: 0 -70px; }
.sweetPoint__info-icon--gold { background-position: 0 -35px; }

.sweetPoint__info-magnification {
  margin: 7px 0 0 5px;
  font-size: 12px;
}

.sweetPoint__info-stage-magnification--num {
  font-size: 16px;
  font-weight: bold;
}

.sweetPoint__info-point {
  display: inline-block;
  width: 80px;
  padding: 10px 0;
  background: #ffefe0;
  font-size: 11px;
  color: #ff7f3e;
  text-align: center;
  line-height: 1.4;
  vertical-align: top;
}

.sweetPoint__info-point--num {
  display: block;
  font-size: 18px;
  font-weight: bold;
}

.sweetPoint__use {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dadada;
}

.sweetPoint__use-list {
  display: inline-block;
  font-size: 12px;
}

.sweetPoint__use-list + .sweetPoint__use-list {
  margin-left: 10px;
}

.headerUserBalloon .balloonFootBg {
  height: 36px;
  background: url(/resource/images/shared/2015new_bg_balloon_07.png) no-repeat;
}

.headerUserBalloon .balloonArrow {
  position: absolute;
  top: 1px;
  width: 17px;
  height: 9px;
}

.headerUserBalloon .balloonArrow .arrowIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 9px;
  background: url(/resource/images/shared/2015new_bg_balloon_04.png) no-repeat;
}





/** .headerMdBalloon
===================================*/
.headerMdBalloon {
  display: none;
  position: absolute;
  left: 2px;
  top: 35px;
}

.headerMdBalloon .balloonHeadBg {
  padding-right: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_26.png) no-repeat 100% 0;
}

.headerMdBalloon .balloonHeadBg .bgIn {
  padding-left: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_24.png) no-repeat;
}

.headerMdBalloon .balloonHeadBg .bgIn2 {
  background: url(/resource/images/shared/2015new_bg_balloon_25.png) repeat-x;
}

.headerMdBalloon .balloonHeadBg .bgIn3 {
  height: 30px;
}

.headerMdBalloon .balloonBody {
  position: relative;
  padding-right: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_28.png) repeat-y 100% 0;
}

.headerMdBalloon .balloonBody .bodyIn {
  padding-left: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_27.png) repeat-y;
}

.headerMdBalloon .balloonBody .bodyIn2 {
  padding: 1px;
  background: #fff;
  zoom: 1;
}

.headerMdBalloon .balloonBody .bodyIn3 {
  position: relative;
  margin: -21px;
}

.headerMdBalloon .mdWrap {
  position: relative;
  width: 247px;
  height: 700px;
  overflow: hidden;
}

/* .mdTree1 */
.headerMdBalloon .mdTree1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 247px;
  height: 100%;
}

.headerMdBalloon .mdTree1 .block1 {
  padding: 15px 0;
}

.headerMdBalloon .mdTree1 .block2 {
  padding: 5px 0;
  border-top: solid 1px #cecece;
}

.headerMdBalloon .mdTree1 .block3 {
  padding-top: 10px;
  border-top: solid 1px #cecece;
}

/* .mdTree2 */
.headerMdBalloon .mdTree2 {
  position: absolute;
  left: 247px;
  top: 0;
  height: 100%;
  border-left: solid 1px #cecece;
  visibility: hidden;
}

.headerMdBalloon .mdTree2 .mdTitle {
	position: relative;
	padding-left: 55px;
}


/* .mdTree3 */
.headerMdBalloon .mdTree3 {
  position: absolute;
  left: 525px;
  top: 0;
  height: 100%;
  border-left: solid 1px #cecece;
  visibility: hidden;
}
.headerMdBalloon .mdTree3 .iconIn .mdTitle {
	position: relative;
	padding-left: 55px;
}

/* .mdPtn1 */
.headerMdBalloon .mdPtn1 {
  width: 278px;
}

.headerMdBalloon .mdPtn1 .ptnIn {
  padding-top: 15px;
}

/* .mdPtn2 */
.headerMdBalloon .mdPtn2 {
	width: 500px;
}

.headerMdBalloon .mdPtn2 .mdTitle .icon {
	position: absolute;
	left: 10px;
	top: -10px;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-image: url(/resource/images/shared/2015new_sprite_md01.png);
}
.headerMdBalloon .mdPtn2 .mdTitle .icon01 {  background-position: 0 0; }
.headerMdBalloon .mdPtn2 .mdTitle .icon10 {  background-position: -40px 0; }
.headerMdBalloon .mdPtn2 .mdTitle .icon02 {  background-position: -80px 0; }
.headerMdBalloon .mdPtn2 .mdTitle .icon03 {  background-position: -120px 0; }
.headerMdBalloon .mdPtn2 .mdTitle .icon21 {  background-position: -160px 0; }
.headerMdBalloon .mdPtn2 .mdTitle .icon15 {  background-position: -200px 0; }
.headerMdBalloon .mdPtn2 .mdTitle .icon13 {  background-position: -240px 0; }
.headerMdBalloon .mdPtn2 .mdTitle .icon_spc {  background-position: -280px 0; top: 0px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon07 {  background-position: -320px 0; }
.headerMdBalloon .mdPtn2 .mdTitle .icon09 {  background-position: -360px 0; }
.headerMdBalloon .mdPtn2 .mdTitle .icon14 {  background-position: 0 -40px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon24 {  background-position: -40px -40px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon23 {  background-position: -80px -40px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon06 {  background-position: -320px -40px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon19 {  background-position: -120px -40px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon25 {  background-position: -160px -40px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon22 {  background-position: -200px -40px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon34 {  background-position: -240px -40px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon26 {  background-position: -280px -40px; }
/*
.headerMdBalloon .mdPtn2 .mdTitle .icon19 {  background-position: -320px -40px; }
.headerMdBalloon .mdPtn2 .mdTitle .icon20 {  background-position: -360px -40px; }
*/

.headerMdBalloon .mdPtn2 .icon1 {
	backround-color: #f00;
}

.headerMdBalloon .mdPtn2 .ptnIn {
  padding-top: 15px;
}

.headerMdBalloon .mdPtn2 .listRank {
  position: relative;
}

.headerMdBalloon .mdPtn2 .listRank .listCol {
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
}

.headerMdBalloon .mdPtn2 .listRank .rankCol {
  position: absolute;
  right: 15px;
  top: 0;
  width: 170px;
}

.headerMdBalloon .mdPtn2 .listRank .rankBlock {
  position: relative;
  height: 260px;
	margin-top: 0 !important;
}

.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank {
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
}

.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank1 { left: 0; top: 0; }
.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank2 { left: 90px; top: 0; }
.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank3 { left: 0; top: 90px; }
.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank4 { left: 90px; top: 90px; }
.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank5 { left: 0; top: 180px; }

.headerMdBalloon .mdPtn2 .listRank .rankBlock .border {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 78px;
  height: 78px;
  border: solid 1px #cecece;
}

.headerMdBalloon .mdPtn2 .listRank .rankBlock .icon {
  display: block;
  position: absolute;
  left: -7px;
  top: -8px;
  width: 31px;
  height: 24px;
  background-image: url(/resource/images/shared/2015new_sprite_md01.png);
  background-repeat: no-repeat;
}

.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank1 .icon { background-position: 0 -94px; }
.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank2 .icon { background-position: -40px -94px; }
.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank3 .icon { background-position: -80px -94px; }
.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank4 .icon { background-position: -120px -94px; }
.headerMdBalloon .mdPtn2 .listRank .rankBlock .rank5 .icon { background-position: -160px -94px; }

.headerMdBalloon .mdPtn2 .listRank .rankBlock .more {
  display: block;
  position: absolute;
  left: 90px;
  top: 180px;
  width: 80px;
  height: 48px;
  padding-top: 32px;
  background-image: url(/resource/images/shared/2015new_sprite_md01.png);
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.headerMdBalloon .mdPtn2 .listRank .rankBlock .more:link,
.headerMdBalloon .mdPtn2 .listRank .rankBlock .more:visited {
  background-position: 0 -151px;
  color: #333;
  text-decoration: none;
}

.headerMdBalloon .mdPtn2 .listRank .rankBlock .more:hover,
.headerMdBalloon .mdPtn2 .listRank .rankBlock .more:active {
  background-position: -80px -151px;
}

.headerMdBalloon .mdPtn2 .listRank .rankBlock .more .icon {
  display: block;
  position: absolute;
  left: 32px;
  top: 15px;
  width: 17px;
  height: 13px;
  background: url(/resource/images/shared/2015new_sprite_md01.png) no-repeat 0 -128px;
}

.headerMdBalloon .mdPtn2 .listRank .searchLink {
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.2;
  text-align: right;
  position: relative;
}

.headerMdBalloon .mdPtn2 .listRank .searchLink .in_wrap {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 280px;
}

.headerMdBalloon .mdPtn2 .listRank .searchLink .in {
  display: inline-block;
  /display: inline;
  position: relative;
  padding-left: 20px;
  padding-bottom: 5px;
  zoom: 1;
}

.headerMdBalloon .mdPtn2 .listRank .searchLink .icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  background: url(/resource/images/shared/2015new_sprite_md01.png) no-repeat -27px -128px;
}

.headerMdBalloon .mdPtn2 .listRank .searchLink a:link,
.headerMdBalloon .mdPtn2 .listRank .searchLink a:visited {
  text-decoration: none;
}

.headerMdBalloon .mdPtn2 .listRank .searchLink a:hover,
.headerMdBalloon .mdPtn2 .listRank .searchLink a:active {
  text-decoration: underline;
}

.headerMdBalloon .mdPtn2 .readTxt {
  padding: 0 12px 10px;
  font-size: 120%;
  line-height: 1.6;
}

.headerMdBalloon .mdPtn2 .readTxt sup {
  padding: 0 2px;
}

.headerMdBalloon .mdPtn2 .bnrBox {
  padding: 10px 12px 0;
}

.headerMdBalloon .mdPtn2 .bnrBox li {
  padding-top: 10px;
}

.headerMdBalloon .mdPtn2 .serviceCol dl dd a {
  padding-left: 36px;
}

.headerMdBalloon .mdPtn2 .serviceCol dl dd a .arrow {
  left: 24px;
}

.headerMdBalloon .mdPtn2 .serviceCol .serviceTitle {
  padding: 4px 12px 10px;
  font-size: 13px;
  font-weight: bold;
}

.headerMdBalloon .mdPtn2 .serviceCol .serviceCol1 {
  float: left;
  width: 228px;
}

.headerMdBalloon .mdPtn2 .serviceCol .serviceCol2 {
  float: left;
  width: 228px;
}


/* .mdTitle */
.headerMdBalloon .mdTitle {
  margin-bottom: 12px;
  padding: 0 12px;
  color: #172397;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.1;
}

.headerMdBalloon .mdTitlePtn2 {
  margin-bottom: 13px;
  padding-left: 12px !important;
}

.headerMdBalloon .mdTitlePtn3 {
  margin-top: 23px;
  margin-bottom: 13px;
  padding-left: 12px !important;
}

/* .mdLead */
.headerMdBalloon .mdLead {
	width: 400px;
	padding: 0 0 8px 12px;
	font-size: 12px;
	line-height: 1.3;
}

/* .mdBnr */
.headerMdBalloon .mdBnr {
	margin: 8px 12px;
}

/* .mdList1 */
.headerMdBalloon .mdList1 a {
  display: block;
  position: relative;
  padding: 4px 24px 4px 12px;
  font-size: 12px;
  line-height: 1.3;
}

.headerMdBalloon .mdList1 a:link,
.headerMdBalloon .mdList1 a:visited {
  color: #333;
  text-decoration: none;
}

.headerMdBalloon .mdList1 a.linkCr {
  background: #e9f2fb;
}

.headerMdBalloon .mdList1 .icon {
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(/resource/images/shared/2015new_sprite_md01.png) no-repeat;
}

.headerMdBalloon .mdList1 .icon1 { background-position: -60px 0;}
.headerMdBalloon .mdList1 .icon2 { background-position: -60px -30px;}
.headerMdBalloon .mdList1 .icon3 { background-position: -60px -60px;}
.headerMdBalloon .mdList1 .icon4 { background-position: -90px 0;}
.headerMdBalloon .mdList1 .icon5 { background-position: -90px -30px;}
.headerMdBalloon .mdList1 .icon6 { background-position: -90px -60px;}
.headerMdBalloon .mdList1 .icon7 { background-position: -120px 0;}
.headerMdBalloon .mdList1 .icon8 { background-position: -120px -30px;}
.headerMdBalloon .mdList1 .icon9 { background-position: -120px -60px;}

.headerMdBalloon .mdList1 .icon10 { background-position: 0 0;}
.headerMdBalloon .mdList1 .icon11 { background-position: 0 -30px;}
.headerMdBalloon .mdList1 .icon12 { background-position: 0 -60px;}
.headerMdBalloon .mdList1 .icon13 { background-position: -150px 0;}
.headerMdBalloon .mdList1 .icon14 { background-position: -150px -30px;}
.headerMdBalloon .mdList1 .icon15 { background-position: -150px -60px;}
.headerMdBalloon .mdList1 .icon16 { background-position: -180px -60px;}
.headerMdBalloon .mdList1 .icon17 { background-position: -180px -30px;}
.headerMdBalloon .mdList1 .icon18 { background-position: -30px -30px;}
.headerMdBalloon .mdList1 .icon19 { background-position: -30px -60px;}
.headerMdBalloon .mdList1 .icon20 { background-position: -180px 0;}


.headerMdBalloon .mdList1 .arrow {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 4px;
  height: 8px;
  margin-top: -4px;
  background: url(/resource/images/shared/2015new_sprite_md01.png) no-repeat -52px -131px;
}

.headerMdBalloon .mdList1 .newwindow {
  display: inline-block;
  /display: inline;
  width: 9px;
  height: 9px;
  margin-left: 6px;
  background: url(/resource/images/shared/2015new_sprite_md01.png) no-repeat -82px -131px;
  zoom: 1;
}

/* .mdList2 */
.headerMdBalloon .mdList2 a {
  display: block;
  position: relative;
  padding: 4px 12px 4px 24px;
  font-size: 12px;
  line-height: 1.3;
}

.headerMdBalloon .mdList2 a:link,
.headerMdBalloon .mdList2 a:visited {
  color: #333;
  text-decoration: none;
}

.headerMdBalloon .mdList2 a:hover,
.headerMdBalloon .mdList2 a:active {
  background: #e9f2fb;
}

.headerMdBalloon .mdList2 .arrow {
  display: block;
  position: absolute;
  left: 12px;
  top: 6px;
  width: 6px;
  height: 10px;
  background: url(/resource/images/shared/2015new_sprite_md01.png) no-repeat -66px -130px;
}

.headerMdBalloon .mdList2 .newwindow {
  display: inline-block;
  /display: inline;
  width: 9px;
  height: 9px;
  margin-left: 6px;
  background: url(/resource/images/shared/2015new_sprite_md01.png) no-repeat -82px -131px;
  zoom: 1;
}
/* ----- */

.headerMdBalloon .balloonFootBg {
  padding-right: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_31.png) no-repeat 100% 0;
}

.headerMdBalloon .balloonFootBg .bgIn {
  padding-left: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_29.png) no-repeat;
}

.headerMdBalloon .balloonFootBg .bgIn2 {
  background: url(/resource/images/shared/2015new_bg_balloon_30.png) repeat-x;
}

.headerMdBalloon .balloonFootBg .bgIn3 {
  height: 36px;
}

.headerMdBalloon .balloonArrow {
  position: absolute;
  left: 79px;
  top: 2px;
  width: 15px;
  height: 8px;
}

.headerMdBalloon .balloonArrow .arrowIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 8px;
  background: url(/resource/images/shared/2015new_bg_balloon_32.png) no-repeat;
}





/** .headerBenriBalloon
===================================*/
.headerBenriBalloon {
  position: absolute;
  left: 50%;
  top: 30px;
  width: 245px;
  margin-left: -123px;
  visibility: hidden;
  opacity: 0;
}

.headerBenriBalloon .balloonIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.headerBenriBalloon .balloonHeadBg {
  height: 30px;
  background: url(/resource/images/shared/2015new_bg_balloon_09.png) no-repeat;
}

.headerBenriBalloon .balloonBody {
  padding: 1px 23px;
  background: url(/resource/images/shared/2015new_bg_balloon_08.png) repeat-y;
  zoom: 1;
}

.headerBenriBalloon .balloonBody .bodyIn {
  position: relative;
  margin: -11px 0;
  padding-bottom: 10px;
  border: solid 1px #cecece;
  background: #fff;
}

.headerBenriBalloon .balloonBody .bodyIn ul li a {
  display: block;
  position: relative;
  padding: 7px 10px 7px 30px;
  font-size: 120%;
  line-height: 1.3;
  color: #333;
  text-decoration: none;
}

.headerBenriBalloon .balloonBody .bodyIn ul li a:hover {
  background-color: #e9f2fb;
}


.headerBenriBalloon .balloonBody .bodyIn .magnifierBox {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #cecece;
}
.headerBenriBalloon .balloonBody .bodyIn .magnifierBox span {
  display: block;
  position: absolute;
  left: 8px;
  top: 9px;
  width: 13px;
  height: 13px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -325px -100px;
}

.headerBenriBalloon .balloonBody .bodyIn .arrowBox span {
    display: block;
    position: absolute;
    left: 11px;
    top: 10px;
    width: 6px;
    height: 10px;
    background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -40px -54px;
}

.headerBenriBalloon .balloonFootBg {
  height: 36px;
  background: url(/resource/images/shared/2015new_bg_balloon_10.png) no-repeat;
}

.headerBenriBalloon .balloonArrow {
  position: absolute;
  left: 114px;
  top: 1px;
  width: 17px;
  height: 9px;
}

.headerBenriBalloon .balloonArrow .arrowIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 9px;
  background: url(/resource/images/shared/2015new_bg_balloon_04.png) no-repeat;
}





/** .headerCartBalloon
===================================*/
.headerCartBalloon {
  position: absolute;
  right: -20px;
  top: 35px;
  width: 372px;
  visibility: hidden;
  opacity: 0;
}

.headerCartBalloon .balloonIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.headerCartBalloon .balloonHeadBg {
  height: 30px;
  background: url(/resource/images/shared/2015new_bg_balloon_12.png) no-repeat;
}

.headerCartBalloon .balloonBody {
  padding: 1px 23px;
  background: url(/resource/images/shared/2015new_bg_balloon_11.png) repeat-y;
  zoom: 1;
}

.headerCartBalloon .balloonBody .bodyIn {
  position: relative;
  margin: -11px 0;
  border: solid 1px #cecece;
  background: #fff;
}

.headerCartBalloon .balloonFootBg {
  height: 36px;
  background: url(/resource/images/shared/2015new_bg_balloon_13.png) no-repeat;
}

.headerCartBalloon .balloonArrow {
  position: absolute;
  left: 268px;
  top: 1px;
  width: 17px;
  height: 9px;
}

.headerCartBalloon .balloonArrow .arrowIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 9px;
  background: url(/resource/images/shared/2015new_bg_balloon_04.png) no-repeat;
}

.headerCartBalloon .hdCarInner {
  position: static;
  width: auto;
  padding: 10px;
  background: none;
}

.headerCartBalloon .hdCarInner .hdCarTotal {
  padding: 0 0 10px;
  text-align: right;
  font-size: 130%;
  border-bottom: solid 1px #cecece;
}

.headerCartBalloon .hdCarInner .hdCarTotal span {
  font-size: 130%;
  font-weight: bold;
  color: #d80000;
}

.headerCartBalloon .hdCarInner .hdItem {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #cecece;
}

.headerCartBalloon .hdCarInner .hdItem a {
  display: block;
  width: 100%;
  height: 100%;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemImg {
  float: left;
  width: 80px;
  height: 80px;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemR {
  position: relative;
  float: right;
  width: 213px;
  padding-left: 10px;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemName {
  font-size: 130%;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemNum {
  padding-top: 10px;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemQty {
  position: relative;
  float: left;
  font-size: 130%;
  color: #333;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemQty dt {
  float: left;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemQty dd {
  float: left;
  margin-top: -1px;
  padding-left: 3px;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemVal {
  float: right;
  font-size: 130%;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemVal .num {
  font-weight: bold;
  color: #d80000;
}

.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemVal .tax {
  color: #333;
}

.headerCartBalloon .hdCarInner .hdItem a:link,
.headerCartBalloon .hdCarInner .hdItem a:visited,
.headerCartBalloon .hdCarInner .hdItem a:link .hdItemName,
.headerCartBalloon .hdCarInner .hdItem a:visited .hdItemName {
  text-decoration: none;
}

.headerCartBalloon .hdCarInner .hdItem a:hover .hdItemName,
.headerCartBalloon .hdCarInner .hdItem a:active .hdItemName {
  text-decoration: underline;
}

.headerCartBalloon .hdCarInner .hdOthersQty {
  display: block;
  padding: 10px 0;
  font-size: 130%;
  line-height: 1.2;
  text-align: center;
}

.headerCartBalloon .hdCarInner .hdOthersQty span {
  padding: 3px;
  font-weight: bold;
}

.headerCartBalloon .hdCarInner .hdCarOrderBtn {
  display: block;
  width: 304px;
  height: 55px;
  margin: 0 auto;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -345px 0;
  text-indent: -9999px;
}

.headerCartBalloon .hdCarInner .hdCarOrderBtn:hover,
.headerCartBalloon .hdCarInner .hdCarOrderBtn:active {
  background-position: -345px -55px;
}

/* empty */
.headerCartBalloon .hdCarInner .hdCarEmpty {
  text-align: center;
}
.headerCartBalloon .hdCarInner .hdCarEmpty .hdCarEmptyTxt {
  display: block;
  padding: 15px 0 20px;
  font-size: 130%;
}
.headerCartBalloon .hdCarInner .hdCarEmpty .hdCarEmptyBtn {
  display: block;
  width: 304px;
  height: 55px;
  margin: 0 auto;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -345px 0;
  text-indent: -9999px;
}
.headerCartBalloon .hdCarInner .hdCarEmpty .hdCarEmptyBtn:hover,
.headerCartBalloon .hdCarInner .hdCarEmpty .hdCarEmptyBtn:active {
  background-position: -345px -55px;
}



/** #sggstHeaderBalloon
===================================*/
#sggstHeaderBalloon {
  display: none;
  position: absolute;
  z-index: 8000;
  max-width: 800px;
}

#sggstHeaderBalloon .balloonIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

#sggstHeaderBalloon .balloonHeadBg {
  padding-right: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_17.png) no-repeat 100% 0;
}

#sggstHeaderBalloon .balloonHeadBg .bgIn {
  padding-left: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_16.png) no-repeat;
}

#sggstHeaderBalloon .balloonHeadBg .bgIn2 {
  background: #fff;
}

#sggstHeaderBalloon .balloonHeadBg .bgIn3 {
  height: 20px;
}

#sggstHeaderBalloon .balloonBody {
  position: relative;
  padding-right: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_15.png) repeat-y 100% 0;
}

#sggstHeaderBalloon .balloonBody .bodyIn {
  padding-left: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_14.png) repeat-y;
}

#sggstHeaderBalloon .balloonBody .bodyIn2 {
  padding: 1px;
  background: #fff;
  zoom: 1;
}

#sggstHeaderBalloon .balloonBody .bodyIn3 {
  position: relative;
  margin: -21px;
}

#sggstHeaderBalloon .balloonBody .bodyIn3 {
  position: relative;
  margin: -21px;
}

#sggstHeaderBalloon .balloonBody .bodyIn3 .sggstText {
  margin-top: -4px;
  padding-bottom: 11px;
  padding-inline: 11px;
  font-size: 14px;
}

#sggstHeaderBalloon .balloonBody .bodyIn3 .sggstLink {
  color: #1b72e9;
}

#sggstHeaderBalloon .balloonBody .bodyIn3 .sggstLink:hover,
#sggstHeaderBalloon .balloonBody .bodyIn3 .sggstLink:active {
  text-decoration: underline;
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader {
  position: static;
  width: auto;
  height: auto;
  border: none;
  background: none;
  box-shadow: none;
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader .sggstUlContent {
  padding: 5px 0 10px;
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader li {
  padding: 6px 10px;
  cursor: default;
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader .sggstPurchasedItemWrap li {
  padding: 0;
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader .sggstLiHover {
    background: #e9f2fb;
  font-weight: normal;
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader .sggstLiHover .sggstName,
#sggstHeaderBalloon .balloonBody .sggstUlHeader .sggstLiHover .cateName {
  font-weight: normal;
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader li span.cateName {
  margin: 0 0 0 15px;
  font-size: 12px;
  vertical-align: baseline;
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader .sggstPurchasedItemDt,
#sggstHeaderBalloon .balloonBody .sggstUlHeader .sggstDt,
#sggstHeaderBalloon .balloonBody .sggstUlHeader .sggstModelDt {
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1;
}

#sggstHeaderBalloon .balloonFootBg {
  padding-right: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_20.png) no-repeat 100% 0;
}

#sggstHeaderBalloon .balloonFootBg .bgIn {
  padding-left: 33px;
  background: url(/resource/images/shared/2015new_bg_balloon_19.png) no-repeat;
}

#sggstHeaderBalloon .balloonFootBg .bgIn2 {
  background: url(/resource/images/shared/2015new_bg_balloon_18.png) repeat-x;
}

#sggstHeaderBalloon .balloonFootBg .bgIn3 {
  height: 36px;
}

/* .sggstPanelBalloon */
#sggstHeaderBalloon .sggstPanelBalloon {
  position: absolute;
  right: -246px;
  top: 0;
  width: 259px;
}

#sggstHeaderBalloon .sggstPanelBalloon .balloonIn {
  position: static;
  width: auto;
}

#sggstHeaderBalloon .sggstPanelBalloon .balloonHeadBg {
  height: 20px;
  padding: 0;
  background: url(/resource/images/shared/2015new_bg_balloon_22.png) no-repeat;
}

#sggstHeaderBalloon .sggstPanelBalloon .balloonBody {
  padding: 1px 13px;
  background: url(/resource/images/shared/2015new_bg_balloon_21.png) repeat-y;
  zoom: 1;
}

#sggstHeaderBalloon .sggstPanelBalloon .balloonBody .bodyIn {
  position: relative;
  margin: -21px 0;
  padding: 0;
  background: none;
}

#sggstHeaderBalloon .sggstPanelBalloon .balloonFootBg {
  height: 36px;
  padding: 0;
  background: url(/resource/images/shared/2015new_bg_balloon_23.png) no-repeat;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel {
  position: static;
  width: auto;
  height: 464px;
  border: none;
  background: none;
  box-shadow: none;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstDt {
  color: #333;
  border-bottom: 1px solid #cecece;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelDl {
  margin-bottom: 10px;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelItem {
  padding: 10px;
  border-bottom: 1px solid #cecece;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelItem:hover {
    background: #e9f2fb;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelItem .sggstMediaBody {
  padding-left: 10px;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelItem .sggstMediaBody a {
    font-size: 13px;
  line-height: 1.3;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelItem .sggstMedia {
  margin-bottom: 0;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelCategory {
  padding-left: 10px;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelTotal {
  padding-right: 10px;
  padding-left: 10px;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelTotal a {
    font-size: 13px;
  line-height: 1.3;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel .sggstPanelTotal a .sggstPanelTotalNumber {
  font-weight: bold;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel a:link,
#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel a:visited {
  text-decoration: none;
}

#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel a:hover,
#sggstHeaderBalloon .sggstPanelBalloon .sggstPanel a:active {
  text-decoration: underline;
}






/* --------------------------------------------------------------
.stickyFooter
-------------------------------------------------------------- */
.stickyFooter {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 12000;
	width: 100%;
}

.noScriptPosition {
	position: static;
}

.stickyFooter .footerIn {
	position: relative;
	max-width: 1280px;
	min-width: 920px;
	margin: 0 auto;
	zoom: 1;
}

.stickyFooter .colLeft {
	float: left;
	width: 100%;
}

.stickyFooter .colLeftIn {
	position: relative;
	margin-right: 333px;
}

.stickyFooter .colRight {
	position: relative;
	float: right;
	width: 323px;
	margin-left: -323px;
}



/* .stickyFooterBnr */
.stickyFooterBnr {
	position: absolute;
	left: 0;
	bottom: -9999px;
	width: 100%;
}

.noScriptPosition .stickyFooterBnr {
	position: static;
}

.stickyFooterBnr .bnrIn {
	width: 947px;
	margin: 0 auto;
	position: relative;
	border-top: solid 3px #4ba4ff;
	border-right: solid 3px #4ba4ff;
	border-left: solid 3px #4ba4ff;
	background: #fff;
}

.stickyFooter .colLeft .stickyFooterBnr .bnrIn {
	width: auto;
	margin: 0;
}

.stickyFooterBnr .close {
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 20px;
	height: 19px;
	background: url(/resource/images/shared/btn/2014new_lmodal_btn_c.gif) no-repeat;
}

.stickyFooterBnr .close:hover,
.stickyFooterBnr .close:active {
	background-position: 0 -19px;
}

.stickyFooterBnr .lead {
	padding: 10px 15px 0;
	font-size: 130%;
	font-weight: bold;
}

.stickyFooterBnr table {
	width: 100%;
}

.stickyFooterBnr .row1,
.stickyFooterBnr .row2 {
	vertical-align: middle;
}

.stickyFooterBnr .row1 {
	width: 99%;
	padding: 12px 20px 12px 122px;
	background: url(/resource/images/shared/2015new_img_catalog_01.png) no-repeat 20px 5px;
}

.stickyFooterBnr .title {
	margin-bottom: 5px;
	font-size: 180%;
	font-weight: bold;
	line-height: 1.2;
}

.stickyFooterBnr .description {
	font-size: 130%;
	line-height: 1.2;
}

.stickyFooterBnrSmall .description br {
	display: none;
}


.stickyFooterBnr .row2 {
	width: 1%;
	padding: 10px 30px 10px 0;
}

.stickyFooterBnr .row2 a.btn {
	display: block;
	width: 207px;
	height: 41px;
	background: url(/resource/images/shared/2015new_btn_user_01.png) no-repeat;
}

.stickyFooterBnrSmall .row2 a.btn {
	width: 118px;
	background-image: url(/resource/images/shared/2015new_btn_user_02.png);
}

.stickyFooterBnr .row2 a:hover,
.stickyFooterBnr .row2 a:active {
	background-position: 0 -41px;
}


/* .topFooterBnr */
.topFooterBnr .stickyFooterBnr_bgLeft {
  width: 10px;
  height: 89px;
  background: url('/resource/images/shared/2015new_stickyFooterBnr_bg_01.png') no-repeat scroll 0px 0px;
  position: absolute;
  top: 0px;
  left: -10px;
}
.topFooterBnr .stickyFooterBnr_bgBody {
    background: url('/resource/images/shared/2015new_stickyFooterBnr_bg_02.png') repeat-x scroll 0 0;
}
.topFooterBnr  .stickyFooterBnr_bgRight {
  width: 10px;
  height: 89px;
  background: url('/resource/images/shared/2015new_stickyFooterBnr_bg_03.png') no-repeat scroll 0px 0px;
  position: absolute;
  top: 0px;
  right: -10px;
}

.topFooterBnr .bnrIn {
  width: 947px;
  margin: 0 auto;
  position: relative;
  border: 0;
  background: none;
}

.topFooterBnr .close {
  display: block;
  position: absolute;
  right: 5px;
  top: 13px;
  width: 20px;
  height: 19px;
  background: url(/resource/images/shared/btn/2014new_lmodal_btn_c.gif) no-repeat;
}

.topFooterBnr .row1 {
  width: 99%;
  padding: 19px 20px 12px 122px;
  background: url(/resource/images/shared/2015new_img_catalog_01.png) no-repeat 20px 13px;
}

.topFooterBnr .row2 {
  width: 1%;
  padding: 20px 30px 10px 0;
}

/* .stickyFooterCart */
.stickyFooterCart {
	position: absolute;
	left: 0;
	bottom: -9999px;
	width: 100%;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.stickyFooterCart .cartIn {
	position: relative;
	padding: 6px;
	border-top: solid 3px #cecece;
	border-right: solid 3px #cecece;
	border-left: solid 3px #cecece;
	background: #fff;
}

.stickyFooterCart .cartIn .thumb {
	float: left;
	width: 80px;
}

.stickyFooterCart .cartIn .cartDetail {
	float: left;
	width: 210px;
	padding-left: 10px;
}

.stickyFooterCart .cartIn .cartDetail .include {
	margin-bottom: 5px;
}

.stickyFooterCart .cartIn .cartDetail .include .price {
	float: left;
	font-size: 130%;
}

.stickyFooterCart .cartIn .cartDetail .include .num {
	float: right;
	font-size: 150%;
	font-weight: bold;
	color: #d80000;
}

.stickyFooterCart .cartIn .cartDetail .exclude {
	margin-bottom: 10px;
}

.stickyFooterCart .cartIn .cartDetail .exclude .price {
	float: left;
	font-size: 130%;
}

.stickyFooterCart .cartIn .cartDetail .exclude .num {
	float: right;
	font-size: 130%;
}

.stickyFooterCart .cartIn .cartDetail .cart {
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 1;
	text-align: right;
}

.stickyFooterCart .cartIn .cartDetail .cart .txt {
	display: inline-block;
	/display: inline;
	font-size: 130%;
	vertical-align: 8px;
	zoom: 1;
}

.stickyFooterCart .cartIn .cartDetail .cart .field {
	display: inline-block;
	/display: inline;
	width: 40px;
	margin: 0 2px;
	/vertical-align: -5px;
}
.stickyFooterCart .cartIn .cartDetail .cart .field.quantityPulldown {
	position: relative;
}

.stickyFooterCart .cartIn .cartDetail .cart .field input {
	width: 32px;
    height: 22px;
    padding: 0 4px 0 2px;
    border: solid 1px #999;
    background: #fff;
    font-size: 13px;
    line-height: 21px;
    text-align: right;
    vertical-align: 8px;
}

.stickyFooterCart .cartIn .cartDetail .cart .field.quantityPulldown select {
	position: relative;
	width: 40px;
	height: 24px;
	border: 1px solid #cecece;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	z-index: 2;
	padding: 0 0 0 5px;
	box-sizing: border-box;
	background: transparent;
	vertical-align: 8px;
}
.stickyFooterCart .cartIn .cartDetail .cart .field.quantityPulldown select::-ms-expand {
    display: none;
}

.stickyFooterCart .cartIn .cartDetail .cart .field.quantityPulldown span {
	display: block;
	position: absolute;
	top: 0;
	right: 7px;
	width: 13px;
	height: 20px;
	margin-top: 3px;
	font-size: 0;
	cursor: pointer;
	z-index: 1;
	background: url(/resource/sp/images/user/2016eug_bg_select_arrow_01.png) no-repeat;
	background-size: contain;
}

.stickyFooterCart .cartIn .cartDetail .cart .btn {
	display: inline-block;
	/display: inline;
	margin-left: 1px;
	zoom: 1;
}

.stickyFooterCart .cartIn .cartDetail .link {
	font-size: 130%;
	text-align: right;
}

.stickyFooterCart .cartIn .cartDetail .link span a {
    display: block;
    width: 140px;
    height: 20px;
    margin: 0 0 0 auto;
}

.normalType .stickyFooterBnr .bnrIn {
	border-top: solid 3px #f7c088;
	border-right: solid 3px #f7c088;
	border-left: solid 3px #f7c088;
}

.normalType .stickyFooterBnr .row1 {
	width: 99%;
	padding: 12px 15px 12px;
	background: none;
}

.normalType .stickyFooterBnr .row1 table td {
	padding: 10px 0;
}

.normalType .stickyFooterBnr .row1 table .ntRow1 {
	width: 30%;
}

.normalType .stickyFooterBnr .row1 table .ntRow2 {
	width: 36%;
	padding-left: 10px;
	border-left: solid 1px #f7c088;
}

.normalType .stickyFooterBnr .row1 table .ntRow3 {
	width: 33%;
	padding-left: 10px;
	border-left: solid 1px #f7c088;
}

.normalType .stickyFooterBnr .row1 table img {
	vertical-align: middle;
}

.normalType .stickyFooterBnr .row1 table .balloon {
	display: inline-block;
	/display: inline;
	width: 137px;
	height: 41px;
	margin-left: 10px;
	background-repeat: no-repeat;
	vertical-align: middle;
	zoom: 1;
}

.normalType .stickyFooterBnr .row1 table .ntRow1 .balloon {background-image: url(/resource/images/shared/2015new_txt_sf_cart_01.png);}
.normalType .stickyFooterBnr .row1 table .ntRow2 .balloon {background-image: url(/resource/images/shared/2015new_txt_sf_box_01.png);}
.normalType .stickyFooterBnr .row1 table .ntRow3 .balloon {background-image: url(/resource/images/shared/2015new_txt_sf_truck_01.png);}

.normalType .stickyFooterBnr .row2 .txt {
	padding-top: 5px;
	font-size: 130%;
	text-align: right;
}

.normalType .stickyFooterBnr .row2 a.btn {
	display: block;
	width: 181px;
	height: 46px;
	background: url(/resource/images/shared/2015new_btn_member_01.png) no-repeat;
}
.normalType .stickyFooterBnr .row2 a.btn:hover,
.normalType .stickyFooterBnr .row2 a.btn:active {
	background-position: 0 -46px;
}

.normalType .stickyFooterBnr .row2 .txt a:link,
.normalType .stickyFooterBnr .row2 .txt a:visited {
	text-decoration: none;
}

.normalType .stickyFooterBnr .row2 .txt a:hover,
.normalType .stickyFooterBnr .row2 .txt a:active {
	text-decoration: underline;
}

.normalType .stickyFooterBnrSmall .row1 {
	padding: 8px 15px;
}
.normalType .stickyFooterBnrSmall .row1 table td {
	text-align: center;
}
.normalType .stickyFooterBnrSmall .row1 table .ntRow1 {
	padding-right: 5px;
}
.normalType .stickyFooterBnrSmall .row1 table .ntRow2,
.normalType .stickyFooterBnrSmall .row1 table .ntRow3 {
	padding: 0 5px;
}

.normalType .stickyFooterBnrSmall .row1 table td .balloon {
	display: block;
	width: 114px;
	height: 48px;
	margin: 5px auto 0;
}
.normalType .stickyFooterBnrSmall .row1 table .ntRow1 .balloon {background-image: url(/resource/images/shared/2015new_txt_sf_cart_02.png);}
.normalType .stickyFooterBnrSmall .row1 table .ntRow2 .balloon {background-image: url(/resource/images/shared/2015new_txt_sf_box_02.png);}
.normalType .stickyFooterBnrSmall .row1 table .ntRow3 .balloon {background-image: url(/resource/images/shared/2015new_txt_sf_truck_02.png);}

.normalType .stickyFooterBnrSmall .row2 a.btn {
	width: 121px;
	height: 46px;
	background: url(/resource/images/shared/2015new_btn_member_02.png) no-repeat;
}





/* --------------------------------------------------------------
.footerRecentProduct
-------------------------------------------------------------- */
.footerRecentProduct {
	margin-top: 20px;
	padding: 0 20px;
}

.footerRecentProduct .cmnProductOwlWrap {
	padding: 0 15px;
}

.footerRecentProduct .cmnProductOwlItem {
	position: relative;
	width: 165px;
	margin: 0 auto;
}

.footerRecentProduct .noScriptClearfix .cmnProductOwlItem {
	float: left;
}

.footerRecentProduct .cmnProductOwlItem .link {
	display: block;
}

.footerRecentProduct .cmnProductOwlItem .link:link,
.footerRecentProduct .cmnProductOwlItem .link:visited {
	text-decoration: none;
}

.footerRecentProduct .cmnProductOwlItem .link:hover,
.footerRecentProduct .cmnProductOwlItem .link:active {
	text-decoration: underline;
}

.footerRecentProduct .cmnProductOwlItem .pic {
	display: block;
	text-align: center;
}

.footerRecentProduct .cmnProductOwlItem a:hover .pic img {
	-moz-opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

.footerRecentProduct .cmnProductOwlItem .name {
	display: block;
	padding-top: 10px;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3;
}

.footerRecentProduct .cmnProductOwlItem .rank {
	position: absolute;
	left: -15px;
	top: 0;
	width: 45px;
	height: 34px;
}

.footerRecentProduct .cmnProductOwlItem .star {
	margin-top: 13px;
	font-size: 130%;
	line-height: 1.4;
}

.footerRecentProduct .cmnProductOwlItem .star img {
	vertical-align: 0;
}

.footerRecentProduct .cmnProductOwlItem .star a:link,
.footerRecentProduct .cmnProductOwlItem .star a:visited {
	text-decoration: none;
}

.footerRecentProduct .cmnProductOwlItem .star a:hover,
.footerRecentProduct .cmnProductOwlItem .star a:active {
	text-decoration: underline;
}

.footerRecentProduct .cmnProductOwlItem .price {
	margin-top: 13px;
}

.footerRecentProduct .cmnProductOwlItem .priceTitle {
	margin-bottom: 5px;
	font-size: 130%;
	line-height: 1;
}

.footerRecentProduct .cmnProductOwlItem .priceNum {
	color: #d80000;
	font-size: 190%;
	font-weight: bold;
	line-height: 1;
}

.footerRecentProduct .cmnProductOwlItem .priceNum .taxExcluded{
	font-size: 70%;
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin: 0 -3px;
	*margin: 5px 0 0;
}

.footerRecentProduct .cmnProductOwlItem .cartBtn {
	margin-top: 20px;
	text-align: right;
}

.footerRecentProduct .cmnProductOwlItem .cart {
	margin-top: 10px;
	line-height: 1;
	text-align: right;
}
.footerRecentProduct .cmnProductOwlItem .cart .txt {
	position: relative;
	display: inline-block;
	/display: inline;
	font-size: 130%;
	vertical-align: 8px;
	zoom: 1;
}
.footerRecentProduct .cmnProductOwlItem .cart .field {
	position: relative;
	display: inline-block;
	/display: inline;
	/width: 40px;
	margin: 0 2px;
	/vertical-align: -5px;
}
.footerRecentProduct .cmnProductOwlItem .cart .field input {
	width: 32px;
    height: 22px;
    padding: 0 4px 0 2px;
    border: solid 1px #999;
    background: #fff;
    font-size: 13px;
    line-height: 21px;
    text-align: right;
    vertical-align: 8px;
}
.footerRecentProduct .cmnProductOwlItem .cart .cartBtn {
	position: relative;
	display: inline-block;
	/display: inline;
	margin-top: 0;
	margin-left: 1px;
	zoom: 1;
}


.footerRecentProduct .cmnProductOwl .owl-controls {
	margin-top: 0;
}

.footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-prev,
.footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-next {
	display: block;
	position: absolute;
	top: 50%;
	width: 37px;
	height: 39px;
	margin-top: -20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-prev {
	left: -25px !important;
	background-image: url(/resource/images/detail/2015new_btn_arrow_01.png) !important;
}

.footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-next {
	right: -25px !important;
	background-image: url(/resource/images/detail/2015new_btn_arrow_02.png) !important;
}
.ie6 .footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-prev,
.ie7 .footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-prev,
.ie8 .footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-prev {
	background-image: url(/resource/images/detail/2015new_btn_arrow_03.gif) !important;
}

.ie6 .footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-next,
.ie7 .footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-next,
.ie8 .footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-next {
	background-image: url(/resource/images/detail/2015new_btn_arrow_04.gif) !important;
}

.footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-prev:hover,
.footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-prev:active,
.footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-next:hover,
.footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .owl-next:active {
	background-position: 0 -39px;
}

.footerRecentProduct .cmnProductOwl .owl-controls .owl-buttons .disabled {
	background-position: 0 -78px !important;
	cursor: default !important;
}





/* --------------------------------------------------------------
.footerkeywordOuter
-------------------------------------------------------------- */
.footerkeywordOuter {
	margin: 50px 20px 0;
}

.footerkeywordOuter .footerkeywordOuterIn {
	padding: 10px;
	background: #d3e9ff;
}

.footerkeywordOuter .footerkeywordOuterIn dl dt {
	position: relative;
	display: inline-block;
	/display: inline;
	padding: 0 10px 0 30px;
	font-size: 150%;
	font-weight: bold;
	background: url(/resource/images/shared/2015new_icon_magnifier_01.png) no-repeat 0 2px;
	zoom: 1;
}

.footerkeywordOuter .footerkeywordOuterIn dl dd {
	position: relative;
	display: inline-block;
	/display: inline;
	zoom: 1;
}

.footerkeywordOuter .footerkeywordOuterIn dl dd li {
	position: relative;
	display: inline-block;
	/display: inline;
	padding: 2px 10px;
	border-left: solid 1px #cecece;
	font-size: 130%;
	zoom: 1;
}

.footerkeywordOuter a:link,
.footerkeywordOuter a:visited {
	text-decoration: none;
}

.footerkeywordOuter a:hover,
.footerkeywordOuter a:active {
	text-decoration: underline;
}





/* --------------------------------------------------------------
.cmnTitleBlock
-------------------------------------------------------------- */
.cmnTitleBlock {
	position: relative;
	margin-bottom: 15px;
	border-bottom: solid 2px #2f8eef;
}

.cmnTitleBlock .title {
	padding: 10px 0 10px 42px;
	font-size: 190%;
	font-weight: normal;
	line-height: 1.2;
}

.cmnTitleBlock .pencil {
	background: url(/resource/images/shared/2015new_icon_check_01.png) no-repeat 5px;
}

.cmnTitleBlock .star {
	background: url(/resource/images/shared/star_icon_recommend.png) no-repeat 6px;
}

.cmnTitleBlockRR {
	position: relative;
	margin-bottom: 15px;
	border-bottom: solid 2px #2f8eef;
}

.cmnTitleBlockRR .title {
	padding: 10px 0 10px 0px;
	font-size: 190%;
	font-weight: bold;
	line-height: 1.2;
}



/* --------------------------------------------------------------
.categoryPromotion
-------------------------------------------------------------- */
.categoryPromotion {
	margin: 0 -7px 20px;
}

.categoryPromotion .promotionSet {
	float: left;
	padding: 0 7px;
}

.categoryPromotion .promotionSet .setIn {
	width: 229px;
	margin: 0 auto;
}

.categoryPromotion .promotionSet .setIn .itemBnrBox {
	display: block;
	position: relative;
	width: 229px;
	text-decoration: none;
}

.categoryPromotion .promotionSet .setIn .itemBnrBoxIn {
	display: block;
	width: 229px;
}

.categoryPromotion .promotionSet .setIn .itemBnrBox .body {
	display: block;
}

.categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameB,
.categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameB {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #2f8eef;
}

.categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameT,
.categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameT {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background-color: #2f8eef;
}

.categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameR,
.categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameR {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background-color: #2f8eef;
}

.categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameL,
.categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameL {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background-color: #2f8eef;
}
.categoryPromotion .promotionSet .setIn .office:hover .frameB,
.categoryPromotion .promotionSet .setIn .office:active .frameB,
.categoryPromotion .promotionSet .setIn .office:hover .frameT,
.categoryPromotion .promotionSet .setIn .office:active .frameT,
.categoryPromotion .promotionSet .setIn .office:hover .frameR,
.categoryPromotion .promotionSet .setIn .office:active .frameR,
.categoryPromotion .promotionSet .setIn .office:hover .frameL,
.categoryPromotion .promotionSet .setIn .office:active .frameL {
	background-color: #4088c0;
}
.categoryPromotion .promotionSet .setIn .oa:hover .frameB,
.categoryPromotion .promotionSet .setIn .oa:active .frameB,
.categoryPromotion .promotionSet .setIn .oa:hover .frameT,
.categoryPromotion .promotionSet .setIn .oa:active .frameT,
.categoryPromotion .promotionSet .setIn .oa:hover .frameR,
.categoryPromotion .promotionSet .setIn .oa:active .frameR,
.categoryPromotion .promotionSet .setIn .oa:hover .frameL,
.categoryPromotion .promotionSet .setIn .oa:active .frameL {
	background-color: #fdc043;
}
.categoryPromotion .promotionSet .setIn .furniture:hover .frameB,
.categoryPromotion .promotionSet .setIn .furniture:active .frameB,
.categoryPromotion .promotionSet .setIn .furniture:hover .frameT,
.categoryPromotion .promotionSet .setIn .furniture:active .frameT,
.categoryPromotion .promotionSet .setIn .furniture:hover .frameR,
.categoryPromotion .promotionSet .setIn .furniture:active .frameR,
.categoryPromotion .promotionSet .setIn .furniture:hover .frameL,
.categoryPromotion .promotionSet .setIn .furniture:active .frameL {
	background-color: #549f6b;
}
.categoryPromotion .promotionSet .setIn .life:hover .frameB,
.categoryPromotion .promotionSet .setIn .life:active .frameB,
.categoryPromotion .promotionSet .setIn .life:hover .frameT,
.categoryPromotion .promotionSet .setIn .life:active .frameT,
.categoryPromotion .promotionSet .setIn .life:hover .frameR,
.categoryPromotion .promotionSet .setIn .life:active .frameR,
.categoryPromotion .promotionSet .setIn .life:hover .frameL,
.categoryPromotion .promotionSet .setIn .life:active .frameL {
	background-color: #cbdd51;
}
.categoryPromotion .promotionSet .setIn .shop:hover .frameB,
.categoryPromotion .promotionSet .setIn .shop:active .frameB,
.categoryPromotion .promotionSet .setIn .shop:hover .frameT,
.categoryPromotion .promotionSet .setIn .shop:active .frameT,
.categoryPromotion .promotionSet .setIn .shop:hover .frameR,
.categoryPromotion .promotionSet .setIn .shop:active .frameR,
.categoryPromotion .promotionSet .setIn .shop:hover .frameL,
.categoryPromotion .promotionSet .setIn .shop:active .frameL {
	background-color: #f0844a;
}
.categoryPromotion .promotionSet .setIn .print:hover .frameB,
.categoryPromotion .promotionSet .setIn .print:active .frameB,
.categoryPromotion .promotionSet .setIn .print:hover .frameT,
.categoryPromotion .promotionSet .setIn .print:active .frameT,
.categoryPromotion .promotionSet .setIn .print:hover .frameR,
.categoryPromotion .promotionSet .setIn .print:active .frameR,
.categoryPromotion .promotionSet .setIn .print:hover .frameL,
.categoryPromotion .promotionSet .setIn .print:active .frameL {
	background-color: #5ebcb9;
}
.categoryPromotion .promotionSet .setIn .service:hover .frameB,
.categoryPromotion .promotionSet .setIn .service:active .frameB,
.categoryPromotion .promotionSet .setIn .service:hover .frameT,
.categoryPromotion .promotionSet .setIn .service:active .frameT,
.categoryPromotion .promotionSet .setIn .service:hover .frameR,
.categoryPromotion .promotionSet .setIn .service:active .frameR,
.categoryPromotion .promotionSet .setIn .service:hover .frameL,
.categoryPromotion .promotionSet .setIn .service:active .frameL {
	background-color: #e55f6d;
}
.categoryPromotion .promotionSet .setIn .randd:hover .frameB,
.categoryPromotion .promotionSet .setIn .randd:active .frameB,
.categoryPromotion .promotionSet .setIn .randd:hover .frameT,
.categoryPromotion .promotionSet .setIn .randd:active .frameT,
.categoryPromotion .promotionSet .setIn .randd:hover .frameR,
.categoryPromotion .promotionSet .setIn .randd:active .frameR,
.categoryPromotion .promotionSet .setIn .randd:hover .frameL,
.categoryPromotion .promotionSet .setIn .randd:active .frameL {
	background-color: #40a3d4;
}
.categoryPromotion .promotionSet .setIn .care:hover .frameB,
.categoryPromotion .promotionSet .setIn .care:active .frameB,
.categoryPromotion .promotionSet .setIn .care:hover .frameT,
.categoryPromotion .promotionSet .setIn .care:active .frameT,
.categoryPromotion .promotionSet .setIn .care:hover .frameR,
.categoryPromotion .promotionSet .setIn .care:active .frameR,
.categoryPromotion .promotionSet .setIn .care:hover .frameL,
.categoryPromotion .promotionSet .setIn .care:active .frameL {
	background-color: #f4b4c9;
}
.categoryPromotion .promotionSet .setIn .medical:hover .frameB,
.categoryPromotion .promotionSet .setIn .medical:active .frameB,
.categoryPromotion .promotionSet .setIn .medical:hover .frameT,
.categoryPromotion .promotionSet .setIn .medical:active .frameT,
.categoryPromotion .promotionSet .setIn .medical:hover .frameR,
.categoryPromotion .promotionSet .setIn .medical:active .frameR,
.categoryPromotion .promotionSet .setIn .medical:hover .frameL,
.categoryPromotion .promotionSet .setIn .medical:active .frameL {
	background-color: #75b7da;
}
.categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameR,
.categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameR {
	height: 316px;
}
.categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameB,
.categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameB {
	width: 210px;
}
/* 大大・大カテ向け バナー枠線高さ調整 */
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameB,
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameB,
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameT,
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameT,
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameR,
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameR,
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:hover .frameL,
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:active .frameL {
	display: none;
}
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:hover img,
.columnAreaRight .categoryPromotion .promotionSet .setIn .itemBnrBox:active img {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}

/* --------------------------------------------------------------
.sectionColArea
-------------------------------------------------------------- */
.sectionColArea {
	position: relative;
	margin-top: 40px;
	zoom: 1;
}

.leftSection {
	float: left;
	width: 100%;
}

.leftSection .leftSectionIn {
	margin-right: 206px;
}

.rightSection {
	float: right;
	width: 176px;
	padding-left: 6px;
	margin-left: -206px;
	*padding-left: 30px;
}

.contentfix960N2014 .mainArea .rightSection {
  font-size: 1em;
}





/* --------------------------------------------------------------
.sideBnrBlock
-------------------------------------------------------------- */
.sideBnrBlock {
	margin-bottom: 40px;
}
.sideBnrBlock .titleBlock {
    position: relative;
	margin-bottom: 10px;
    border-bottom: solid 2px #2f8eef;
}
.sideBnrBlock .titleBlock .title {
    padding: 7px 0 7px 30px;
    font-size: 150%;
    font-weight: normal;
    line-height: 1.2;
}
.sideBnrBlock .coupon .title {
    background: url(/resource/images/shared/2015new_icon_coupon_01.png) no-repeat 0;
}
.sideBnrBlock .campaign .title {
    background: url(/resource/images/shared/2015new_icon_campaign_01.png) no-repeat 0;
}
.sideBnrBlock .recommend .title {
    background: url(/resource/images/shared/2015new_icon_recommend_01.png) no-repeat 0;
}
.sideBnrBlock ul li {
	margin-bottom: 10px;
}

.sideBnrBlock .link {
	text-align: right;
}

.sideBnrBlock .link span {
    padding-left: 13px;
    background: url(/resource/images/shared/2015new_icon_arrow_01.png) no-repeat 0 2px;
    font-size: 130%;
    line-height: 1.2;
}

.sideBnrBlock .newwindow {
	text-align: right;
}

.sideBnrBlock .newwindow span {
    padding-right: 15px;
    background: url(/resource/images/shared/2015new_icon_newwindow_01.gif) no-repeat 100% 4px;
    font-size: 130%;
    line-height: 1.2;
}

.sideBnrBlock a:link,
.sideBnrBlock a:visited {
	text-decoration: none;
}
.sideBnrBlock a:hover,
.sideBnrBlock a:active {
	text-decoration: underline;
}






/* --------------------------------------------------------------
.sideServiceBlock
-------------------------------------------------------------- */
.sideServiceBlock {
	margin-bottom: 40px;
}
.sideServiceBlock .titleBlock {
    position: relative;
	margin-bottom: 10px;
    border-bottom: solid 2px #2f8eef;
}
.sideServiceBlock .titleBlock .title {
    padding: 7px 0 7px 30px;
    background: url(/resource/images/shared/2015new_icon_service_01.png) no-repeat 0;
    font-size: 150%;
    font-weight: normal;
    line-height: 1.2;
}
.sideServiceBlock ul {
	margin-bottom: 10px;
}

.sideServiceBlock ul li {
	border-bottom: solid 1px #cecece;
}

.sideServiceBlock ul li a {
	display: block;
	padding: 10px 0 10px 20px;
    background: url(/resource/images/shared/2015new_icon_arrow_01.png) no-repeat 6px;
	font-size: 130%;

}
.sideServiceBlock ul li a .newwindow {
	padding-left: 5px;
	vertical-align: middle;
}

.sideServiceBlock .link {
	text-align: right;
}

.sideServiceBlock .link span {
    padding-left: 13px;
    background: url(/resource/images/shared/2015new_icon_arrow_01.png) no-repeat 0 2px;
    font-size: 130%;
    line-height: 1.2;
}

.sideServiceBlock a:link,
.sideServiceBlock a:visited {
	text-decoration: none;
}
.sideServiceBlock a:hover,
.sideServiceBlock a:active {
	text-decoration: underline;
}






/* --------------------------------------------------------------
.sideBnrBlock2
-------------------------------------------------------------- */
.sideBnrBlock2 {
	margin-bottom: 40px;
}

.sideBnrBlock2 .set {
	display: block;
	margin-bottom: 10px;
}
.sideBnrBlock2 .set .txt {
	display: block;
	margin-top: 5px;
	font-size: 130%;
	line-height: 1.4;
}

.sideBnrBlock2 a:link,
.sideBnrBlock2 a:visited {
	text-decoration: none;
}
.sideBnrBlock2 a:hover,
.sideBnrBlock2 a:active {
	text-decoration: underline;
}





/* --------------------------------------------------------------
.sideToolBlock
-------------------------------------------------------------- */
.sideToolBlock {
	margin-bottom: 40px;
	padding: 15px 9px;
	border: solid 1px #cecece;
	font-size: 130%;
}

.sideToolBlock .title {
	margin-bottom: 10px;
	font-weight: bold;
}

.sideToolBlock .link {
    padding: 0 0 10px 13px;
    background: url(/resource/images/shared/2015new_icon_arrow_01.png) no-repeat 0 2px;
    line-height: 1.2;
}

.sideToolBlock a:link,
.sideToolBlock a:visited {
	text-decoration: none;
}
.sideToolBlock a:hover,
.sideToolBlock a:active {
	text-decoration: underline;
}





/* --------------------------------------------------------------
.medicalCatalogLead
-------------------------------------------------------------- */
.medicalCatalogLead {
    margin-bottom: 20px;
    padding-top: 10px;
}
.medicalCatalogLead .heading {
    margin: 0 0 5px;
    padding: 3px 0 3px 30px;
    background: transparent url(/resource/images/shared/2015new_icon_bell_01.png) no-repeat 0;
    color: #4ba4ff;
    font-size: 1.6em;
    font-weight: bold;
}
.medicalCatalogLead .body {
    padding-left: 30px;
    line-height: 1.4;
}

.medicalCatalogLead .body .txt {
    font-size: 1.2em;
}





/* --------------------------------------------------------------
.cmnBalloon
-------------------------------------------------------------- */
.cmnBalloonHtml {
	display: none;
}

.cmnBalloon {
	position: absolute;
	z-index: 8000;
	width: 420px;
	opacity: 0;
}

.cmnBalloon .balloonIn {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.cmnBalloon .balloonHeadBg {
	height: 18px;
	background: url(/resource/images/detail/2015new_bg_balloon_10.png) no-repeat;
}

.cmnBalloon .balloonBody {
	padding: 5px 25px;
	background: url(/resource/images/detail/2015new_bg_balloon_09.png) repeat-y;
}

.cmnBalloon .balloonBody .bodyIn {
	position: relative;
}

.cmnBalloon .balloonFootBg {
	height: 22px;
	background: url(/resource/images/detail/2015new_bg_balloon_11.png) no-repeat;
}

.cmnBalloon .balloonArrow {
	position: absolute;
	left: 188px;
	bottom: -7px;
	width: 43px;
	height: 16px;
}

.cmnBalloon .balloonArrow .arrowIn {
	position: absolute;
	width: 35px;
	height: 12px;
	background: url(/resource/images/detail/2015new_bg_balloon_12.png) no-repeat;
}

.cmnBalloonBody {
	font-size: 130%;
	line-height: 1.6;
}

.cmnBalloonBody .aamBox .title {
	margin-bottom: 5px;
	font-weight: bold;
}

.cmnBalloonBody .aamBox ol {
	padding: 0 30px;
}

.cmnBalloonBody .aamBox ol li {
    list-style: decimal;
    margin-bottom: 4px;
	line-height: 1.4;
}
/* --------------------------------------------------------------
#cmnBalloonType2 .cmnBalloon
-------------------------------------------------------------- */
#cmnBalloonType2 .cmnBalloonHtml {
	display: none;
}

#cmnBalloonType2 .cmnBalloon {
	position: absolute;
	z-index: 8000;
	width: 420px;
	opacity: 0;
}

#cmnBalloonType2 .cmnBalloon .balloonIn {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#cmnBalloonType2 .cmnBalloon .balloonHeadBg {
	height: 18px;
	background: url(/resource/images/detail/2015new_bg_balloon_15.png) no-repeat;
}

#cmnBalloonType2 .cmnBalloon .balloonBody {
	padding: 5px 105px;
	background: url(/resource/images/detail/2015new_bg_balloon_14.png) repeat-y;
}

#cmnBalloonType2 .cmnBalloon .balloonBody .bodyIn {
	position: relative;
}

#cmnBalloonType2 .cmnBalloon .balloonFootBg {
	height: 22px;
	background: url(/resource/images/detail/2015new_bg_balloon_13.png) no-repeat;
}

#cmnBalloonType2 .cmnBalloon .balloonArrow {
	position: absolute;
	left: 188px;
	bottom: -7px;
	width: 43px;
	height: 16px;
}

#cmnBalloonType2 .cmnBalloon .balloonArrow .arrowIn {
	position: absolute;
	width: 35px;
	height: 12px;
	background: url(/resource/images/detail/2015new_bg_balloon_12.png) no-repeat;
}

#cmnBalloonType2 .cmnBalloonBody {
	font-size: 130%;
	line-height: 1.6;
}

#cmnBalloonType2 .cmnBalloonBody .aamBox .title {
	margin-bottom: 5px;
	font-weight: bold;
}

#cmnBalloonType2 .cmnBalloonBody .aamBox ol {
	padding: 0 30px;
}

#cmnBalloonType2 .cmnBalloonBody .aamBox ol li {
    list-style: decimal;
    margin-bottom: 4px;
	line-height: 1.4;
}

/* --------------------------------------------------------------
#cmnBalloonType2 .cmnBalloon
-------------------------------------------------------------- */
#cmnBalloonType2 .cmnBalloonHtml {
	display: none;
}

#cmnBalloonType2 .cmnBalloon {
	position: absolute;
	z-index: 8000;
	width: 420px;
	opacity: 0;
}

#cmnBalloonType2 .cmnBalloon .balloonIn {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#cmnBalloonType2 .cmnBalloon .balloonHeadBg {
	height: 18px;
	background: url(/resource/images/detail/2015new_bg_balloon_15.png) no-repeat;
}

#cmnBalloonType2 .cmnBalloon .balloonBody {
	padding: 5px 105px;
	background: url(/resource/images/detail/2015new_bg_balloon_14.png) repeat-y;
}

#cmnBalloonType2 .cmnBalloon .balloonBody .bodyIn {
	position: relative;
}

#cmnBalloonType2 .cmnBalloon .balloonFootBg {
	height: 22px;
	background: url(/resource/images/detail/2015new_bg_balloon_13.png) no-repeat;
}

#cmnBalloonType2 .cmnBalloon .balloonArrow {
	position: absolute;
	left: 188px;
	bottom: -7px;
	width: 43px;
	height: 16px;
}

#cmnBalloonType2 .cmnBalloon .balloonArrow .arrowIn {
	position: absolute;
	width: 35px;
	height: 12px;
	background: url(/resource/images/detail/2015new_bg_balloon_12.png) no-repeat;
}

#cmnBalloonType2 .cmnBalloonBody {
	font-size: 130%;
	line-height: 1.6;
}

#cmnBalloonType2 .cmnBalloonBody .aamBox .title {
	margin-bottom: 5px;
	font-weight: bold;
}

#cmnBalloonType2 .cmnBalloonBody .aamBox ol {
	padding: 0 30px;
}

#cmnBalloonType2 .cmnBalloonBody .aamBox ol li {
    list-style: decimal;
    margin-bottom: 4px;
	line-height: 1.4;
}

/* --------------------------------------------------------------
　検索経由でのRRエリア .search_rr_area
-------------------------------------------------------------- */
.search_rr_area { margin-bottom:20px; padding:10px 16px 16px; background-color:#f5f5f5; border-top:solid 1px #cecece; border-bottom:solid 1px #cecece; }
.search_rr_area .search_rr_area_title { margin-bottom:10px; padding:2px 0 2px 30px; background:url(/resource/images/shared/star_icon_recommend.png) no-repeat 0px center; font-size:150%; font-weight:normal; line-height:1.3; }
.search_rr_area .search_rr_area_box_wrap { font-size:130%; }
.search_rr_area .search_rr_area_box { width:34.5%; float:left; position:relative; }
.search_rr_area .search_rr_area_box_main { margin-left:95px; border-right:solid 1px #cecece; margin-right:20px; padding-right:20px; min-height:80px; *height:80px; }
.search_rr_area .last { width:31%; *width:30.5%; }
.search_rr_area .last .search_rr_area_box_main { border:none; margin-right:0px; padding-right:0px; }
.search_rr_area .search_rr_area_box_main .product { margin-bottom:1px; line-height:1.2; }
.search_rr_area .search_rr_area_box_main .product a {}
.search_rr_area .search_rr_area_box_main .product a .txt { font-weight:normal; font-size:14px; }
.search_rr_area .search_rr_area_box_main .product a .img { position:absolute; top:0px; left:0px; }
.search_rr_area .search_rr_area_box_main .star { margin-bottom:2px; font-size:100%; }
.search_rr_area .search_rr_area_box_main .star img { margin:0 0 4px 0; }
.search_rr_area .search_rr_area_box_main .priceNum {}
.search_rr_area .search_rr_area_box_main .priceNum span { font-size:16.9px; font-weight:bold; color:#d80000; }
.search_rr_area .search_rr_area_box a:hover img {
	-moz-opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

/* --------------------------------------------------------------
　検索経由でのRRエリア .search_side_rr_area
-------------------------------------------------------------- */
.search_side_rr_area {
	margin-top: 20px;
	border: solid 2px #e6e6e6;
}
.search_side_rr_area .head {
	padding: 5px 10px 0;
	border-bottom: solid 3px #2f8eef;
}
.search_side_rr_area .head .title {
	padding: 8px 0 8px 32px;
	background: url(/resource/images/shared/star_icon_recommend.png) no-repeat 0px center;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
}
.search_side_rr_area .body {
	padding: 0 15px;
}
.search_side_rr_area .body .srlModule .srlModuleNav {
	height: 8px;
	padding-top: 20px;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.search_side_rr_area .body .srlModule .srlModuleNav .prev,
.search_side_rr_area .body .srlModule .srlModuleNav .next {
	display: inline-block;
	/display: inline;
	width: 6px;
	height: 7px;
	zoom: 1;
}
.search_side_rr_area .body .srlModule .srlModuleNav .prev {
	background: url(/resource/images/history/2015new_icon_arrow_02.png) no-repeat;
	visibility: hidden;
}
.search_side_rr_area .body .srlModule .srlModuleNav .next {
	background: url(/resource/images/history/2015new_icon_arrow_01.png) no-repeat;
}
.search_side_rr_area .body .srlModule .srlModuleNav .prev:hover,
.search_side_rr_area .body .srlModule .srlModuleNav .prev:active,
.search_side_rr_area .body .srlModule .srlModuleNav .next:hover,
.search_side_rr_area .body .srlModule .srlModuleNav .next:active {
	background-position: 0 -50px;
}
.search_side_rr_area .body .srlModule .srlModuleNav .pointer {
	display: inline-block;
	/display: inline;
	margin-left: 20px;
}
.search_side_rr_area .body .srlModule .srlModuleNav .pointer a {
	display: inline-block;
	/display: inline;
	width: 8px;
	height: 8px;
	margin-right: 20px;
	background: url(/resource/images/history/2015new_icon_circle_01.png) no-repeat;
	zoom: 1;
}
.search_side_rr_area .body .srlModule .srlModuleNav .pointer a:hover,
.search_side_rr_area .body .srlModule .srlModuleNav .pointer a:active {
	background-position: 0 -50px;
}
.search_side_rr_area .body .srlModule .srlModuleNav .pointer a.cr,
.search_side_rr_area .body .srlModule .srlModuleNav .pointer a.cr:link,
.search_side_rr_area .body .srlModule .srlModuleNav .pointer a.cr:visited,
.search_side_rr_area .body .srlModule .srlModuleNav .pointer a.cr:hover,
.search_side_rr_area .body .srlModule .srlModuleNav .pointer a.cr:active {
	background-position: 0 -100px;
	cursor: default;
}
.search_side_rr_area .body .srlModule .srlModuleGroup {
}
.search_side_rr_area .body .srlModule .srlModuleSet {
	padding: 15px 0;
	border-top: solid 1px #e5e5e5;
}
.search_side_rr_area .body .srlModule .srlModuleSet:first-child {
	border-top: none;
}
.search_side_rr_area .body .srlModule .srlModuleSet .img {
	text-align: center;
}
.search_side_rr_area .body .srlModule .srlModuleSet .name {
	margin-top: 10px;
	font-size: 108.4%;
	line-height: 1.4;
}
.search_side_rr_area .body .srlModule .srlModuleSet .star {
	margin-top: 5px;
	font-size: 100%;
	line-height: 1.2;
}
.search_side_rr_area .body .srlModule .srlModuleSet .star img {
	vertical-align: -1px;
}
.search_side_rr_area .body .srlModule .srlModuleSet .priceTxt {
	margin-top: 5px;
	font-size: 108.4%;
	line-height: 1.2;
}
.search_side_rr_area .body .srlModule .srlModuleSet .price {
	margin-top: 5px;
	color: #d80000;
	font-size: 133.4%;
	font-weight: bold;
	line-height: 1.2;
}
.search_side_rr_area .body .srlModule .srlModuleSet .price .taxExcluded {
	font-size: 80%;
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin: 0 -3px;
	\*margin: 5px 0 0;
}
.search_side_rr_area .body .srlModule .srlModuleSet .cartBtn {
	margin-top: 8px;
	text-align: right;
}

/* 完了画面用 */
.new2016_layout {
	width: 960px;
	padding: 0;
}
.new2016_layout .completeBox_wrap {
	float: left;
	width: 761px;
}
.new2016_layout .assist {
    position: static;
	float: right;
    width: 176px;
}
.new2016_layout .assist .search_side_rr_area {
	margin-bottom: 20px;
	font-size: 120%;
}
.new2016_layout .assist .search_side_rr_area .head {
	padding-top: 0px;
}
.new2016_layout .assist .search_side_rr_area .body {
	padding: 0 12px;
}
.new2016_layout .assist .logoutBox .logoutBtn {
    background: #efefef;
    border: 1px solid #c2c2c2;
    padding: 10px 0;
	text-align: center;
}

/* その他固定画面用 */
.sideBnrBlock .search_side_rr_area {
	font-size: 120%;
}
.sideBnrBlock .search_side_rr_area .head {
	padding-top: 0px;
}
.sideBnrBlock .search_side_rr_area .body {
	padding: 0 12px;
}
.sideBnrBlock .search_side_rr_area .body .cartBtn {
	margin-top: 8px;
	text-align: right;
}
/* --------------------------------------------------------------
　新RRエリア 既存レコメンドUI
-------------------------------------------------------------- */
.recentCheckAreaBlock {
	margin-bottom: 30px;
	clear: both;
}
.recentCheckAreaBlock .cmnTitleBlock .title {
	padding: 10px 0 10px 40px;
}
.recentCheckAreaBlock .cmnTitleBlock .star {
    background: url(/resource/images/shared/star_icon_recommend.png) no-repeat 6px center;
}
.recentCheckAreaBlock .cmnProductOwlWrap {
	padding: 0 25px;
/*	font-size: 0.834em;*/
}
.recentCheckAreaBlock .cmnProductOwlItem {
	position: relative;
	width: 165px;
	margin: 0 auto;
}
.recentCheckAreaBlock .noScriptClearfix .cmnProductOwlItem {
	float: left;
}
.recentCheckAreaBlock .cmnProductOwlItem .link {
	display: block;
}
.recentCheckAreaBlock .cmnProductOwlItem .link:link,
.recentCheckAreaBlock .cmnProductOwlItem .link:visited {
	text-decoration: none;
}
.recentCheckAreaBlock .cmnProductOwlItem .link:hover,
.recentCheckAreaBlock .cmnProductOwlItem .link:active {
	text-decoration: underline;
}
.recentCheckAreaBlock .cmnProductOwlItem .pic {
	display: block;
	text-align: center;
}
.recentCheckAreaBlock .cmnProductOwlItem a:hover .pic img {
	-moz-opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  /* For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* For IE 8 */
    opacity: 0.7;
}
.recentCheckAreaBlock .cmnProductOwlItem .name {
	display: block;
	padding-top: 10px;
	font-size: 140%;
	line-height: 1.3;
}
.recentCheckAreaBlock .cmnProductOwlItem .star {
	margin-top: 13px;
	font-size: 130%;
	line-height: 1;
}
.recentCheckAreaBlock .cmnProductOwlItem .star img {
	vertical-align: 0;
}
.recentCheckAreaBlock .cmnProductOwlItem .star a:link,
.recentCheckAreaBlock .cmnProductOwlItem .star a:visited {
	text-decoration: none;
}
.recentCheckAreaBlock .cmnProductOwlItem .star a:hover,
.recentCheckAreaBlock .cmnProductOwlItem .star a:active {
	text-decoration: underline;
}
.recentCheckAreaBlock .cmnProductOwlItem .price {
	margin-top: 13px;
}
.recentCheckAreaBlock .cmnProductOwlItem .priceTitle {
	margin-bottom: 5px;
	font-size: 130%;
	line-height: 1;
}
.recentCheckAreaBlock .cmnProductOwlItem .priceNum {
	color: #d80000;
	font-size: 190%;
	font-weight: bold;
	line-height: 1;
	text-align: left;
}
.recentCheckAreaBlock .cmnProductOwlItem .priceNum .taxExcluded {
	font-size: 70%;
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin: 0 -3px;
	*margin: 5px 0 0;
}
.recentCheckAreaBlock .cmnProductOwlItem .cartBtn {
	margin-top: 10px;
	text-align: right;
}
.recentCheckAreaBlock .cmnProductOwl .owl-controls {
	margin-top: 0;
}
.recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-prev,
.recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-next {
	display: block;
	position: absolute;
	top: 50%;
	width: 37px;
	height: 39px;
	margin-top: -20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-prev {
	left: -25px !important;
	background-image: url(/resource/images/detail/2015new_btn_arrow_01.png) !important;
}
.recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-next {
	right: -25px !important;
	background-image: url(/resource/images/detail/2015new_btn_arrow_02.png) !important;
}
.ie6 .recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-prev,
.ie7 .recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-prev,
.ie8 .recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-prev {
	background-image: url(/resource/images/detail/2015new_btn_arrow_03.gif) !important;
}
.ie6 .recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-next,
.ie7 .recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-next,
.ie8 .recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-next {
	background-image: url(/resource/images/detail/2015new_btn_arrow_04.gif) !important;
}
.recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-prev:hover,
.recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-prev:active,
.recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-next:hover,
.recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .owl-next:active {
	background-position: 0 -39px;
}
.recentCheckAreaBlock .cmnProductOwl .owl-controls .owl-buttons .disabled {
	background-position: 0 -78px !important;
	cursor: default !important;
}


/* --------------------------------------------------------------
　お客様の声 新規設置
-------------------------------------------------------------- */
.customerVoice {
	background: #efefef;
	padding: 10px;
	margin-bottom:30px;
}

.customerVoice span.notice{
	font-size: 85%;
	display: inline-block;
	line-height: 1.5;
	margin-top: 4px;
}

.customerVoice .customerVoiceTitle,
.customerVoice .customerVoice-ThanksTitle {
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
	text-align: center;
}

.customerVoice .customerVoiceText,
.customerVoice .customerVoice-ThanksText {
	font-size: 130%;
	line-height: 1.5;
	margin-bottom: 10px;
}

.customerVoice .customerVoiceInputArea{
	margin-bottom: 15px;
}

.customerVoice .customerVoiceInputArea textarea{
	width:97%;
	height:100px;
	font-size: 130%;
	line-height: 1.5;
	resize: vertical;
}

.customerVoice-ThanksImage {
	display:none;
}

/* --------------------------------------------------------------
　レビュー表示：.5刻み新設及び調整
-------------------------------------------------------------- */
.cmnProductOwlItem .star span{
	background-image: url(/resource/images/shared/icn/star-icn.png);
	width: 88px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-bottom;
}
.search_rr_area .search_rr_area_box_main .star span{
	background-image: url(/resource/images/shared/icn/star-icn.png);
	width: 88px;
	height: 15px;
	display: inline-block;
	vertical-align: text-top;
}
.search_side_rr_area .body .srlModule .srlModuleSet .star span{
	background-image: url(/resource/images/shared/icn/star-icn.png);
	width: 88px;
	height: 15px;
	display: inline-block;
	vertical-align: text-top;
}

.basketN2014 .cmnProductOwlItem .star span{
	vertical-align: text-top;
	margin-right: 0;
}

.star span.star0_0{
	background-position: 100% 100%;
}
.star span.star0_5{
	background-position: 80% 100%;
}
.star span.star1_0{
	background-position: 80% 0%;
}
.star span.star1_5{
	background-position: 60% 100%;
}
.star span.star2_0{
	background-position: 60% 0%;
}
.star span.star2_5{
	background-position: 40% 100%;
}
.star span.star3_0{
	background-position: 40% 0%;
}
.star span.star3_5{
	background-position: 20% 100%;
}
.star span.star4_0{
	background-position: 20% 0%;
}
.star span.star4_5{
	background-position: 0% 100%;
}
.star span.star5_0{
	background-position: 0% 0%;
}


/* ------------------------------------------------
20170517 headerデザイン変更
------------------------------------------------*/
.hN2017 .hdNavOuter {
  height: 58px;
  padding-top: 12px;
}

.hN2017 .hdCateOuter {
  height: 52px;
  border-bottom: solid 1px #cecece;
}

.hN2017 .hdMd2015 .headerMdBalloon {
  top: 45px;
}

.hN2017 .hdMd2015 .hdMdBtn {
  position: relative;
  height: 32px;
  padding-top: 19px;
  border: solid 1px #cecece;
  border-bottom: none;
  border-radius: 0 4px 0 0;
  color: #333 !important;
  /* IE7,8,9用ボタン記述 */
  background: #f2f2f2;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* 上記以外用記述 */
  background: #f2f2f2 linear-gradient(to bottom, #fff, #f2f2f2);
}

.hN2017 .hdMd2015 .hdMdBtn:hover {
  /* IE7,8,9用ボタン記述 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* 上記以外用記述 */
  background: #f2f2f2 linear-gradient(to bottom, #f2f2f2, #fff);
}

.hN2017 .hdMd2015 .hdMdBtn .arrow {
  top: 25px;
  background-position: -20px -54px;
}

/* hdSerWrap */
.hN2017 .hdSerWrap {
  margin: 0 370px 0 188px;
  transition: margin 0.2s linear;
}

.hN2017 .hdSerWrap .wrapIn {
  background-color: transparent;
}

.hN2017 .hdSerWrap .wrapIn .benriSearch {
  right: -5px;
}

.hN2017 .hdSerWrap .wrapIn .inputField input {
  border-top: solid 1px #cecece;
  border-bottom: solid 1px #cecece;
}

.hN2017 .hdSerWrap .wrapIn .cateSelect .selectTxt {
  background-position: -520px -178px;
}

.hN2017 .hdSerWrap .wrapIn .cateSelectOn .selectTxt {
  background-position: -520px -208px;
}

.hN2017 .hdSerWrap .wrapIn .cateSelected .selectTxt {
  background-position: -520px -238px;
}

.hN2017 .hdSerWrap .wrapBg {
  display: none;
}

.hN2017 .hdSerWrap .benriSearch .headerBenriBalloon {
  z-index: 160;
}

.hN2017 .hdSerWrap .benriSearch .searchBtn {
  background-position: -108px -230px;
}

.hN2017 .hdSerWrap .benriSearch .searchBtn:hover {
  background-position: -108px -260px;
}

  /*  */
  .hN2017 .hdSerWrap.variantOn {
    margin-right: 220px;
  }


/* hdNavInnerTopR */
.hN2017 .hdNavInnerTopR .hdMembers {
  margin-top: 19px;
}

.hN2017 .hdNavInnerTopR .member,
.hN2017 .hdNavInnerTopR .security,
.hN2017 .hdNavInnerTopR .guide {
  float: right;
}

.hN2017 .hdNavInnerTopR .security {
  margin: 0 0 0 15px;
}

.hN2017 .hdNavInnerTopR .guide a.link {
  padding-left: 0;
  padding-right: 16px;
  border-right: none;
}

.hN2017 .hdNavInnerTopR .guide > .text {
  padding-right: 16px;
}

.hN2017 .hdNavInnerTopR .guide a:hover {
  text-decoration: underline;
}

.hN2017 .hdNavInnerTopR .guide .arrow {
  right: 0;
}


  /* 1130px以下 */

.ie7 .hN2017 .variantOn .hdMembers {
  width: 190px;
}
  .hN2017 .variantOn .user {
    max-width: 80px;
  }

  .hN2017 .variantOn .user .link .sweetpoint_txt_afterlogin {
    display: none;
  }
  .hN2017 .hdNavInnerTopR.variantOn .hdMembers .security {
    float: none;
    margin-top: -11px;
    margin-left: 0;
    padding-bottom: 10px;
    padding-left: 20px;
    border-left: none;
  }
  .headerN2015 .hdNavInnerTopR.variantOn .security .logout {
    left: 0;
  }

  .hN2017 .hdNavInnerTopR.variantOn .hdMembers .member {
    float: none;
    margin-top: -15px;
    padding-bottom: 10px;
  }

  .headerN2015 .hdNavInnerTopR.variantOn .guide .headerGuideBalloon {
    left: -134px;
    margin-left: 0;
  }

  .headerN2015 .hdNavInnerTopR.variantOn .guide .headerGuideBalloon .balloonArrow {
    left: 200px;
  }




/* hdNavInnerBotL */
.hN2017 .hdNavInnerBotL {
  left: 193px;
  top: 58px;
  z-index: auto;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul {
  border-left: none;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li {
  position: relative;
  width: 110px;
  height: 61px;
  padding: 0;
  text-align: center;
  border-right: 0;
  transition: width 0.2s linear;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li:after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #cecece;
  content: '';
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li a {
  font-size: 100%;
  color: #333;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.history {
  width: 100px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.history a {
  padding: 42px 0 0;
  height: 19px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.history a span {
  left: 50%;
  top: 6px;
  width: 28px;
  height: 26px;
  margin-left: -14px;
  background-position: -524px -120px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.myCata {
  width: 110px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.myCata a {
  padding: 42px 0 0;
  height: 19px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.myCata a span {
  left: 50%;
  top: 6px;
  width: 28px;
  height: 24px;
  margin-left: -14px;
  background-position: -553px -120px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.quick a span {
  left: 50%;
  top: 6px;
  width: 26px;
  height: 26px;
  margin-left: -13px;
  background-position: -582px -120px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.quick a {
  padding: 35px 0 0;
  height: 26px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.outlet,
.hN2017 .hdNavInnerBotL .hdNavMain ul li.collection,
.hN2017 .hdNavInnerBotL .hdNavMain ul li.newProduct,
.hN2017 .hdNavInnerBotL .hdNavMain ul li.sale {
  width: 68px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.outlet a,
.hN2017 .hdNavInnerBotL .hdNavMain ul li.collection a,
.hN2017 .hdNavInnerBotL .hdNavMain ul li.newProduct a,
.hN2017 .hdNavInnerBotL .hdNavMain ul li.sale a {
  padding: 0;
  height: 61px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.outlet a span,
.hN2017 .hdNavInnerBotL .hdNavMain ul li.collection a span,
.hN2017 .hdNavInnerBotL .hdNavMain ul li.newProduct a span,
.hN2017 .hdNavInnerBotL .hdNavMain ul li.sale a span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 34px;
  margin-top: -17px;
  margin-left: -14px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.outlet a span {
  background-position: -660px -27px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.collection a span {
  background-position: -660px -71px;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.collection:after {
  display: none;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.newProduct a span {
  background: url(/resource/images/shared/icn/newProduct.png) no-repeat;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li a span.txt {
  display: inline;
  position: static;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin-left: 0;
  background: transparent;
}

.hN2017 .hdNavInnerBotL .hdNavMain ul li.sale a span {
  background: url(/resource/images/shared/icn/2024new_icon_sale.png) no-repeat;
}

.hN2017.loggedIn .hdNavInnerBotL .hdNavMain.listHide ul li.collection {
  display: none;
}

.hN2017.loggedIn .hdNavInnerBotL .hdNavMain.listHide ul li.coupon:after {
  display: none;
}

.hN2017.loggedIn .hdNavInnerBotL .hdNavMain.listHide2 ul li.coupon {
  display: none;
}

.hN2017.loggedIn .hdNavInnerBotL .hdNavMain.listHide2 ul li.multiCategory {
  display: none;
}

/** .headerNavMainBalloon
===================================*/

.headerNavMainBalloon {
  display: none;
  position: absolute;
  left: 50%;
  top: 47px;
  width: 208px;
  margin-left: -104px;
}

.headerNavMainBalloon .balloonTop{
  height: 20px;
  background: url(/resource/images/shared/bg/header_coupon_balloon_01.png) no-repeat;
}

.headerNavMainBalloon .balloonMiddle{
  background: url(/resource/images/shared/bg/header_coupon_balloon_03.png) repeat-y;
}

.headerNavMainBalloon .balloonMiddle p {
  padding: 5px 25px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
}

.headerNavMainBalloon .balloonMiddle span {
  color: #f47300;
  font-weight: bold;
}

.headerNavMainBalloon .balloonBottom{
  height: 20px;
  background: url(/resource/images/shared/bg/header_coupon_balloon_02.png) no-repeat;
}


  /* 1130px以下 */
.hN2017 .variantOn .hdNavMain ul li {
  width: 50px !important;
}

.hN2017 .variantOn .hdNavMain ul li.history,
.hN2017 .variantOn .hdNavMain ul li.myCata{
  width: 75px !important;
}

.hN2017 .variantOn .hdNavMain ul li.quick{
  width: 95px !important;
}

.hN2017 .variantOn .hdNavMain ul li.outlet:after {
  display: block;
}



/* hdNavInnerBotR */
.hN2017 .hdNavInnerBotR {
  right: 180px;
  top: 71px;
  height: 40px;
  z-index: auto;
}

.ie7 .hN2017 .hdNavInnerBotR {
  width: 372px;
}

.hN2017 .hdNavInnerBotR .user {
  position: relative;
  word-break: break-all;
  padding-right: 30px;
  padding-left: 10px;
  vertical-align: middle;
}

.hN2017 .hdNavInnerBotR .user.priorToLogin {
  padding-right: 10px;
}

.hN2017 .hdNavInnerBotR .user a {
  display: block;
  z-index: none;
  position: relative;
}

.hN2017 .hdNavInnerBotR .user .mypage_name {
  display: block;
}

.hN2017 .hdNavInnerBotR .user .arrow {
  display: block;
  position: absolute;
  right: -20px;
  top: 50%;
  width: 11px;
  height: 7px;
  margin-top: -4px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -19px -54px;
}

.hN2017 .hdNavInnerBotR .user .sweetpoint_txt_afterlogin {
  display: block;
  color: #f47321;
  font-weight: bold;
  margin-top: 3px;
}

.hN2017 .hdNavInnerBotR .user .headerUserBalloon {
  top: 33px;
}

.hN2017 .hdNavInnerBotR .deliveryAddress {
  position: relative;
  padding: 0 30px 0 0;
  vertical-align: middle;
}

.hN2017 .hdNavInnerBotR .deliveryAddress .headerDeliveryBalloon {
  top: 33px;
}

.hN2017 .hdNavInnerBotR .deliveryAddress.js-firstView .headerDeliveryBalloon {
  visibility: visible;
  opacity: 0;
  transform: scale(0.7);
  transform-origin: top;
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
}

.hN2017 .hdNavInnerBotR .deliveryAddress.js-firstView.linkOn .headerDeliveryBalloon {
  transform: none;
  transition: none;
}

.hN2017 .hdNavInnerBotR .deliveryAddress.js-firstView.is-active .headerDeliveryBalloon {
  opacity: 1;
  transform: scale(1);
}

.hN2017 .hdNavInnerBotR .deliveryAddress:after {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    top: 135%\9;/* IE10以下用記述 */
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #cecece;
    content: '';
}

/*ie11*/
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .hN2017 .hdNavInnerBotR .deliveryAddress:after {
        top: 135%;/* IE11用記述 */
    }
}

.hN2017 .hdNavInnerBotR .deliveryAddress p{
  position: relative;
}

.hN2017 .hdNavInnerBotR .deliveryAddress .arrow {
  display: block;
  position: absolute;
  right: -19px;
  top: 50%;
  width: 11px;
  height: 7px;
  margin-top: -2px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -19px -54px;
}

 /* 1230px以下 */

  .hN2017 .hdNavInnerBotR .deliveryAddress.variantOn p br {
    display: block;
  }
  .hN2017 .hdNavInnerBotR .deliveryAddress.variantOn:after {
      top: 70%\9;/* IE用記述 */
  }
  /*ie11*/
  @media all and (-ms-high-contrast:none) {
      *::-ms-backdrop, .hN2017 .hdNavInnerBotR .deliveryAddress.variantOn:after {
          top: 70%;/* IE11用記述 */
      }
  }

.hN2017 .hdNavInnerBotR .coupon {
  position: relative;
  padding-left: 11px;
  vertical-align: middle;
}


.hN2017 .hdNavInnerBotR .coupon:after {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    top: 60%\9;/* IE用記述 */
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #cecece;
    content: '';
}

.hN2017 .hdNavInnerBotR .coupon.unowned:after {
  top: 135%\9;/* IE用記述 */
}
/*ie11*/
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .hN2017 .hdNavInnerBotR .coupon:after {
        top: 60%;/* IE11用記述 */
    }
    *::-ms-backdrop, .hN2017 .hdNavInnerBotR .coupon.unowned:after {
        top: 135%;/* IE11用記述 */
    }
}

 /* 1230px以下 */
  .hN2017 .hdNavInnerBotR .coupon.variantOn:after {
      top: 70%\9;/* IE用記述 */
  }
  /*ie11*/
  @media all and (-ms-high-contrast:none) {
      *::-ms-backdrop, .hN2017 .hdNavInnerBotR .coupon.variantOn:after {
          top: 70%;/* IE11用記述 */
      }
  }


.hN2017 .hdNavInnerBotR .coupon .num {
  color: #f47321;
  font-weight: bold;
  margin-top: 3px;
  display: block;
}

.hN2017 .hdNavInnerBotR .sweet {
  position: relative;
  word-break: break-all;
  padding-right: 10px;
  padding-left: 10px;
  vertical-align: middle;
}

.hN2017 .hdNavInnerBotR .sweet a {
  display: block;
  z-index: none;
}
  
  .hN2017 .hdNavInnerBotR .sweet:after {
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      width: 1px;
      height: 20px;
      margin-top: -10px;
      background-color: #cecece;
      content: '';
  }


  /* 1130px以下 */
  .hN2017 .variantOn .user {
    max-width: 80px;
  }

  .hN2017 .variantOn .user .link .sweetpoint_txt_afterlogin {
    display: none;
  }

/* ------------------------------------------------
20180927 header機能追加
------------------------------------------------*/
.hN2018 {
  border-top: none;
}

.hN2018 .hdSerWrap {
  margin: 0;
  padding: 0 372px 0 195px;
  vertical-align: middle;
}

.hN2018 .hdSerWrap.variantOn {
  padding: 0 0 0 195px;
}

.hN2018 .hdSerWrap .wrapIn {
  position: relative;
  height: 40px;
  padding: 0;
}

.hN2018 .hdSerWrap .wrapIn:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.hN2018 .hdSerWrap .cateSelect {
  width: auto;
  max-width: 100px;
  height: 36px;
  border: 2px solid #358fec;
  border-right: none;
  border-radius: 6px 0 0 6px;
  float: left;
  position: relative;
  top: 0;
  left: 0;
}

.hN2018 .hdSerWrap.adjustmentOn .cateSelect {
  max-width: 100%;
}

.hN2018 .hdSerWrap .wrapIn .cateSelect .selectTxt {
  width: 100%;
  height: 36px;
  padding: 0 30px 0 10px;
  background-color: #f1f1f1;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
  background: -webkit-linear-gradient(top, #fff, #f1f1f1);
  background: linear-gradient(180deg, #fff, #f1f1f1);
  border-right: 1px solid #cecece;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 36px;
  color: #333;
  font-weight: normal;
  position: relative;
}

.hN2018 .hdSerWrap .wrapIn .cateSelect .selectTxt:before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #1b72e9;
  border-bottom: 1px solid #1b72e9;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hN2018 .hdSerWrap .wrapIn .cateSelect .selectTxt .txtIn3 {
  font-size: 12px;
}

.headerN2015 .hdSerWrap .cateSelect select {
  width: 100%;
  height: 36px;
}

.hN2018 .hdSerWrap .ren_Btn_search {
  width: 65px;
  height: 40px;
  background-color: #358fec;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#49a2fd), to(#338eeb));
  background: -webkit-linear-gradient(top, #49a2fd, #338eeb);
  background: linear-gradient(180deg, #49a2fd, #338eeb);
  border-radius: 0 6px 6px 0;
  float: right;
  position: relative;
  top: 0;
  right: 0;
}

.hN2018 .hdSerWrap .ren_Btn_search:hover {
  background-position: 0 0;
}

.hN2018 .hdSerWrap .ren_Btn_search:before {
  content: "";
  margin-top: -12px;
  margin-left: -12px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(/resource/images/shared/2018new_sprite_header_01.png);
  background-position: -36px 0px;
  width: 23px;
  height: 23px;
}


.hN2018 .hdSerWrap .inputField {
  width: auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.hN2018 .hdSerWrap .inputField input {
  height: 40px;
  padding: 0px 115px 0 10px;
  border-top: 2px solid #358fec;
  border-bottom: 2px solid #358fec;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hN2018 .hdSerWrap .wrapIn .inputField input {
  top: 0;
  border-top: solid 2px #358fec;
  border-bottom: solid 2px #358fec;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailSetting {
  height: 40px;
  position: absolute;
  top: 0;
  right: 70px;
  padding: 7px 8px;
  border-top: solid 2px #358fec;
  border-bottom: solid 2px #358fec;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailSetting a {
  display: inline-block;
  background: #f2f2f2;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  background: #f2f2f2 linear-gradient(to bottom, #fff, #f2f2f2);
  padding: 3px 7px;
  border: solid 1px #cecece;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  font-size: 115%;
  line-height: 1.3;
  color: #333 !important;
}

.hN2018 .hdSerWrap .wrapIn .inputField.js-onFlag .detailSetting a {
  display: none;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal {
  display: none;
  max-width: 828px;
  min-width: 420px;
  width: 80%;
  position: absolute;
  top: 40px;
  left: 0;
  background: #fff;
  padding: 20px;
  z-index: 10;
  border: 1px solid #cecece;
  border-width: 0 1px 1px 1px;
}

.hN2018 .hdSerWrap .wrapIn .inputField.js-onFlag .detailModal {
  display: block;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .detailModalClosed {
  position: absolute;
  top: 13px;
  right: 13px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .conditionInput {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cecece;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .inputBlock {
  width: 95%;
}.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .selectField select

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .inputBlock.checkArea {
  height: 24px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .inputBlock+.inputBlock {
  margin-top: 20px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .inputTitle {
  width: 31%;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  margin-right: 15px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .inputTitle.widthAdjust {
  width: 25%;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .inputBox {
  display: inline-block;
  width: 63%;
  vertical-align: middle;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .checkArea .inputBox {
  height: 24px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .selectArea .inputBox {
  height: 35px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .textArea .inputBox {
  height: 40px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .checkArea label {
  display: inline-block;
  height: 24px;
  position: relative;
  padding-left: 33px;
  font-size: 14px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .checkArea .checkIcon {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #cecece;
  border-radius: 3px;
  background: #fff;
  background: -webkit-linear-gradient(#fff, #f2f2f2);
  background: linear-gradient(#fff, #f2f2f2);
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .checkArea:not(.js-active) label:hover .checkIcon {
  background: #f2f2f2;
  background: -webkit-linear-gradient(#f2f2f2, #fff);
  background: linear-gradient(#f2f2f2, #fff);
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .checkArea .checkIcon > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: pointer;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .checkArea.js-active .checkIcon {
  background: #449df5;
  border: 1px solid #449df5;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .checkArea.js-active .checkIcon > span {
  background: url(/resource/images/order/1712_icon_sprite01.png) -80px -160px no-repeat;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .checkArea .checkIcon input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  -moz-opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  cursor: pointer;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .checkArea .checkText {
  display: inline-block;
  padding: 3px 0 4px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .textArea .inputText {
  width: 100%;
  position: relative;
  background: #fff;
  box-sizing: border-box;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .textArea .inputText input {
  display: inline-block;
  width: 80%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #cecece;
  border-radius: 4px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .textArea .inputText .ngword {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .textArea .inputText input:focus {
  padding: 0 9px;
  border: 2px solid #2f8eef;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .inputBox .tildeMark {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .selectField {
  display: inline-block;
  width: 100px;
  height: 35px;
  position: relative;
  border: 1px solid #cecece;
  border-radius: 3px;
  background: #f2f2f2;
  background: webkit-linear-gradient(#fcfcfc, #f5f5f5);
  background: linear-gradient(#fcfcfc, #f5f5f5)!important;
  line-height: 1;
  text-align: left;
  color: #333333;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .selectField:first-child {
  margin-right: 8px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .selectField label:before {
  content: "";
  display: block;
  position: absolute;
  top: 44%;
  right: 6px;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #2971e3;
  border-right: 2px solid #2971e3;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .selectField .selectText {
  width: 100px;
  font-size: 14px;
  padding: 10px 0 0 6px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .selectField select {
  width: 100px;
  height: 35px;
  cursor: pointer;
  padding-left: 8px;
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult {
  text-align: center;
  margin: 25px 0 15px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult .attentionSearchText {
  font-size: 14px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult p {
  display: inline-block;
  font-size: 12px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult .detailSearchBtn {
  margin-left: 10px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult .resultNumber span {
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  color: #d80000;
  vertical-align: text-bottom;
  margin-right: 2px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult .detailSearchBtn button {
  position: relative;
  color: #fff;
  border-width: 0;
  border-bottom: 1px solid #1579de;
  border-radius: 4px;
  background: #4aa3fe;
  background: -webkit-linear-gradient(#4aa3fe, #3b94f0);
  background: -o-linear-gradient(#4aa3fe, #3b94f0);
  background: -moz-linear-gradient(#4aa3fe, #3b94f0);
  background: linear-gradient(#4aa3fe, #3b94f0);
  padding: 5px 15px 5px 30px;
  display: block;
  text-decoration: none;
  line-height: 1.3;
  font-size: 15px;
  cursor: pointer;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult .detailSearchBtn button:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  left: 9px;
  background-image: url(/resource/images/shared/icn/header-search-icon.png);
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult .detailSearchBtn button:hover {
  background: #3b94f0;
  background: -webkit-linear-gradient(#3b94f0, #4aa3fe);
  background: -o-linear-gradient(#3b94f0, #4aa3fe);
  background: -moz-linear-gradient(#3b94f0, #4aa3fe);
  background: linear-gradient(#3b94f0, #4aa3fe);
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult.disabledState .resultNumber {
  display: none;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .searchResult.disabledState .detailSearchBtn button {
  background: #ccc;
  border-bottom: 1px solid #bbb;
  cursor: default;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .moreDetailSpecify p {
  text-align: center;
  font-size: 14px;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .otherSearch .searchTitle {
  font-size: 14px;
  font-weight: bold;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .otherSearch .searchList {
  margin-top: 10px;
  border-bottom: none;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .otherSearch .searchList li {
  display: inline-block;
  width: 188px;
  margin-bottom: 10px;
  font-size: 12px;
  padding-left: 0;
  margin-top: 0;
  line-height: 1.1;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .otherSearch .searchList li a {
  position: relative;
  padding-left: 11px;
  padding-right: 0;
  border-right: none;
}

.hN2018 .hdSerWrap .wrapIn .inputField .detailModal .otherSearch .searchList li a:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.hN2018 .variantOn .user .link .sweetpoint_txt_afterlogin {
  display: block;
}

.hN2018 .variantOn .user {
  max-width: 100%;
}

.hN2018.loggedIn.variantOn02 .hdNavInnerBotL {
  left: 143px;
}

.hN2018.loggedIn.variantOn02 .hdMd2015 .hdMdBtn {
  width: 77px;
  padding: 10px 30px 9px 20px;
}

/* ------------------------------------------------
20240821 header 検索欄のフォーカス機能追加 ここから
------------------------------------------------*/
.hdSerWrap_cover {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  opacity: 0;
  transition: all 0.1s;
  z-index: -1;
}

.hdSerWrap_cover.show {
  visibility: visible;
  z-index: 99999;
  opacity: 0.75;
}

.hN2018 .hdSerWrap .wrapIn.show_cover {
  z-index: 100000;
}

.isShowSearchCover .stickyAoi {
  z-index: 1 !important;
}

.isShowSearchCover .stickyFooter {
  z-index: 1 !important;
}

.isShowSearchCover .returnTop {
  z-index: 1 !important;
}
/* ------------------------------------------------
20240821 header 検索欄のフォーカス機能追加 ここまで
------------------------------------------------*/

/** .headerDeliveryBalloon
===================================*/
.headerDeliveryBalloon {
  position: absolute;
  left: 50%;
  top: 28px;
  width: 295px;
  margin-left: -148px;
  visibility: hidden;
  opacity: 0;
}

.headerDeliveryBalloon .balloonIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.headerDeliveryBalloon .balloonHeadBg {
  height: 30px;
  background: url(/resource/images/shared/2015new_bg_balloon_02.png) no-repeat;
}

.headerDeliveryBalloon .balloonBody {
  padding: 1px 23px;
  background: url(/resource/images/shared/2015new_bg_balloon_01.png) repeat-y;
  zoom: 1;
}

.headerDeliveryBalloon .balloonBody .bodyIn {
  position: relative;
  margin: -11px 0;
  padding: 15px 60px 15px 10px;
  border: solid 1px #cecece;
  background: #fff;
  line-height: 1.4;
}

.headerDeliveryBalloon .balloonBody .bodyIn .hdAddressChangeBtn {
  top: 50%;
  right: 10px;
  margin-top: -14px;
}

.headerDeliveryBalloon .balloonBody ul {
  padding-bottom: 10px;
}

.headerDeliveryBalloon .balloonBody ul a {
  display: block;
  position: relative;
  padding: 7px 10px 7px 30px;
  line-height: 1.3;
  color: #333;
}

.headerDeliveryBalloon .balloonBody ul a:hover {
  background-color: #e9f2fb;
}

.headerDeliveryBalloon .balloonBody ul li .beginner {
  left: 10px !important;
  top: 7px !important;
}

.headerDeliveryBalloon .balloonBody ul li .faq {
  display: block;
  position: absolute;
  left: 8px;
  top: 7px;
  width: 14px;
  height: 14px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -325px -70px
}

.headerDeliveryBalloon .balloonBody ul li .sweetpoint {
  display: block;
  position: absolute;
  left: 7px;
  top: 10px;
  width: 19px;
  height: 14px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -212px -157px
}

.headerDeliveryBalloon .balloonBody ul li .hajimete {
  display: block;
  position: absolute;
  left: 11px;
  top: 5px;
  width: 11px;
  height: 18px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat -241px -153px
}

.headerDeliveryBalloon .balloonBody ul li .arrow {
  right: auto;
  left: 15px !important;
  top: 9px !important;
  width: 14px !important;
  height: 11px !important;
  background-position: -40px -54px !important;
}

.headerDeliveryBalloon .balloonFootBg {
  height: 36px;
  background: url(/resource/images/shared/2015new_bg_balloon_03.png) no-repeat;
}

.headerDeliveryBalloon .balloonArrow {
  position: absolute;
  left: 139px;
  top: 1px;
  width: 17px;
  height: 9px;
}

.headerDeliveryBalloon .balloonArrow .arrowIn {
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 9px;
  background: url(/resource/images/shared/2015new_bg_balloon_04.png) no-repeat;
}


/** .headerCouponBalloon
===================================*/

.headerCouponBalloon {
  display: none;
  position: absolute;
  left: 50%;
  top: 28px;
  width: 208px;
  margin-left: -104px;
}

.headerCouponBalloon .balloonTop{
  height: 20px;
  background: url(/resource/images/shared/bg/header_coupon_balloon_01.png) no-repeat;
}

.headerCouponBalloon .balloonMiddle{
  background: url(/resource/images/shared/bg/header_coupon_balloon_03.png) repeat-y;
}

.headerCouponBalloon .balloonMiddle p {
  padding: 5px 25px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}

.headerCouponBalloon .balloonMiddle span {
  color: #f47300;
  font-weight: bold;
}

.headerCouponBalloon .balloonBottom{
  height: 20px;
  background: url(/resource/images/shared/bg/header_coupon_balloon_02.png) no-repeat;
}




.hN2017 .hdKeywordOuter dd ul li {
  border-left: none;
}



/** .returnTop
===================================*/

.footerSection .returnTop {
    position: fixed;
    width: 51px;
    height: 51px;
    z-index: 100;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    bottom: 30px;
    right: 15px;
    border: none;
    background-color: rgba(99,99,99,0.7);
}

.footerSection .returnTop:hover {
    background-color: rgba(99,99,99,0.5);
}

.footerSection .returnTop p a{
    display: block;
    padding: 26px 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.footerSection .returnTop p a span {
    position: absolute;
    top: 48%;
    left: 0;
    bottom: 52%;
    right: 0;
    margin: auto;
    background: url(/resource/images/shared/2020new_sprite_footer_01.png) -165px -70px;
    color: #fff;
    width: 17px;
    height: 16px;
    padding: 0;
}


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

  styles for New UI
  2017.07

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

/*-----------------------------------
  parts settings
-----------------------------------*/

/* ■■■■■■ text with icon (for inline element) */

/* basic settings */
body.nui .nui-txtIcn-left,
body.nui .nui-txtIcn-right {
  position: relative;
  bottom: 1px;
  vertical-align: middle;
}
body.nui .nui-txtIcn-left {
  margin: 0 6px 0 0;
}
body.nui .nui-txtIcn-right {
  margin: 0 0 0 6px;
}

/* variation */
body.nui .nui-txtIcn-left.nui-txtIcn-m0 {margin: 0;}
body.nui .nui-txtIcn-right.nui-txtIcn-m0 {margin: 0;}

body.nui .nui-txtIcn-left.nui-txtIcn-m10 {margin: 0 10px 0 0;}
body.nui .nui-txtIcn-right.nui-txtIcn-m10 {margin: 0 0 0 10px;}

body.nui .nui-txtIcn-left.nui-txtIcn-m20 {margin: 0 20px 0 0;}
body.nui .nui-txtIcn-right.nui-txtIcn-m20 {margin: 0 0 0 20px;}

/* position fix (only for .nui-txtIcn) */
body.nui .nui-icnFix-l01 {left: 1px;}
body.nui .nui-icnFix-l02 {left: 2px;}
body.nui .nui-icnFix-l03 {left: 3px;}
body.nui .nui-icnFix-l04 {left: 4px;}
body.nui .nui-icnFix-l05 {left: 5px;}
body.nui .nui-icnFix-l06 {left: 6px;}
body.nui .nui-icnFix-l07 {left: 7px;}
body.nui .nui-icnFix-l08 {left: 8px;}
body.nui .nui-icnFix-l09 {left: 9px;}
body.nui .nui-icnFix-l10 {left: 10px;}
body.nui .nui-icnFix-l15 {left: 15px;}
body.nui .nui-icnFix-l20 {left: 20px;}
body.nui .nui-icnFix-l25 {left: 25px;}
body.nui .nui-icnFix-l30 {left: 30px;}

body.nui .nui-icnFix-r01 {right: 1px;}
body.nui .nui-icnFix-r02 {right: 2px;}
body.nui .nui-icnFix-r03 {right: 3px;}
body.nui .nui-icnFix-r04 {right: 4px;}
body.nui .nui-icnFix-r05 {right: 5px;}
body.nui .nui-icnFix-r06 {right: 6px;}
body.nui .nui-icnFix-r07 {right: 7px;}
body.nui .nui-icnFix-r08 {right: 8px;}
body.nui .nui-icnFix-r09 {right: 9px;}
body.nui .nui-icnFix-r10 {right: 10px;}
body.nui .nui-icnFix-r15 {right: 15px;}
body.nui .nui-icnFix-r20 {right: 20px;}
body.nui .nui-icnFix-r25 {right: 25px;}
body.nui .nui-icnFix-r30 {right: 30px;}

/* ■■■■■■ error box */
body.nui .nui-error-v01 {
  padding: 10px 15px;
  background: #ffe9e9;
  font-size: 13px;
  line-height: 20px;
  color: #d80000;
}

/* ■■■■■■ input & select & button parts */

/* basic settings */
body.nui .nui-txtBox,
body.nui .nui-selectBox {
  position: relative;
}
body.nui .nui-txtBox input {
  height: 30px;
  line-height: 30px;
  padding: 0 11px;
  border: 1px solid #cecece;
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
  cursor: text;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
body.nui .nui-txtBox input::-ms-expand {
  display: none;
}
body.nui .nui-selectBox select {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 11px;
  border: 1px solid #cecece;
  border-radius: 4px;
  background: transparent;
  font-size: 13px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  z-index: 2;
}
body.nui .nui-selectBox select::-ms-expand {
  display: none;
}
body.nui .nui-txtBox span,
body.nui .nui-selectBox span {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 28px;
  height: 30px;
  margin-top: -15px;
  font-size: 0;
  cursor: pointer;
  z-index: 1;
}
body.nui .nui-txtBox span {
  display: none;
  background: url(/resource/images/shared/icn/nui-cancel02.png) no-repeat 50% 50%;
}
body.nui .nui-selectBox span {
  background: url(/resource/images/shared/icn/nui-angle01.png) no-repeat 50% 12px;
}
body.nui .nui-btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 30px;
  line-height: 30px;
  padding: 0 11px;
  border: 1px solid #cecece;
  border-radius: 4px;
  background-size: contain;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  color: #333;
  cursor: pointer;
}
body.nui .nui-selectBox,
body.nui .nui-btn {
  background: #fff;
  background: -webkit-linear-gradient(#fff, #f2f2f2);
  background: -o-linear-gradient(#fff, #f2f2f2);
  background: -moz-linear-gradient(#fff, #f2f2f2);
  background: linear-gradient(#fff, #f2f2f2);
}
body.nui .nui-selectBox:hover,
body.nui .nui-btn:hover {
  background: #f2f2f2;
  background: -webkit-linear-gradient(#f2f2f2, #fff);
  background: -o-linear-gradient(#f2f2f2, #fff);
  background: -moz-linear-gradient(#f2f2f2, #fff);
  background: linear-gradient(#f2f2f2, #fff);
}
body.nui .nui-btn.disabled {
  background: #f2f2f2;
  color: #797979;
  cursor: default;
}
/* variation */
body.nui .nui-txtBox.nui-txtBox-h40 input,
body.nui .nui-selectBox.nui-selectBox-h40 select,
body.nui .nui-btn.nui-btn-h40 {
  height: 40px;
  line-height: 40px;
}
body.nui .nui-btn.nui-btn-orange {
  border: none;
  border-bottom: 1px solid #e79656;
  background: #fda128;
  background: -webkit-linear-gradient(#fda128, #fd8629);
  background: -o-linear-gradient(#fda128, #fd8629);
  background: -moz-linear-gradient(#fda128, #fd8629);
  background: linear-gradient(#fda128, #fd8629);
  color: #fff;
}
body.nui .nui-btn.nui-btn-orange:hover {
  background: #fd8629;
  background: -webkit-linear-gradient(#fd8629, #fda128);
  background: -o-linear-gradient(#fd8629, #fda128);
  background: -moz-linear-gradient(#fd8629, #fda128);
  background: linear-gradient(#fd8629, #fda128);
}

/*-----------------------------------
  block settings
-----------------------------------*/

/* ■■■■■■ page title */
body.nui .nui-pgTtlBox {
  position: relative;
  margin-top: 30px;
}
body.nui .nui-pgTtl {
  font-size: 250%;
  font-weight: normal;
  color: #172397;
}
body.nui .nui-pgTtl span {
  font-size: 60%;
  font-weight: normal;
  color: #333;
}
body.nui .nui-pgTtlSide {
  font-size: 130%;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* ■■■■■■ page lead */
body.nui .nui-pgLead {
  line-height: 1.6;
  font-size: 130%;
}

/* ■■■■■■ table-v01 */
body.nui .nui-table-v01 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
body.nui .nui-table-v01 > thead > tr > th {
  padding: 9px 0;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  font-size: 130%;
  font-weight: normal;
  line-height: 1.1;
  background: #f7f7f7;
}
body.nui .nui-table-v01 > tbody > tr > td {
  padding: 30px 0;
  border-bottom: 1px solid #cecece;
  vertical-align: middle;
}

/* ■■■■■■ block margin */
body.nui .nui-mb05 {margin-bottom: 5px;}
body.nui .nui-mb10 {margin-bottom: 10px;}
body.nui .nui-mb15 {margin-bottom: 15px;}
body.nui .nui-mb20 {margin-bottom: 20px;}
body.nui .nui-mb25 {margin-bottom: 25px;}
body.nui .nui-mb30 {margin-bottom: 30px;}
body.nui .nui-mb35 {margin-bottom: 35px;}
body.nui .nui-mb40 {margin-bottom: 40px;}
body.nui .nui-mb45 {margin-bottom: 45px;}
body.nui .nui-mb50 {margin-bottom: 50px;}
body.nui .nui-mb55 {margin-bottom: 55px;}
body.nui .nui-mb60 {margin-bottom: 60px;}
body.nui .nui-mb65 {margin-bottom: 65px;}
body.nui .nui-mb70 {margin-bottom: 70px;}
body.nui .nui-mb75 {margin-bottom: 75px;}
body.nui .nui-mb80 {margin-bottom: 80px;}
body.nui .nui-mb85 {margin-bottom: 85px;}
body.nui .nui-mb90 {margin-bottom: 90px;}
body.nui .nui-mb95 {margin-bottom: 95px;}
body.nui .nui-mb100 {margin-bottom: 100px;}
body.nui .nui-mb105 {margin-bottom: 105px;}
body.nui .nui-mb110 {margin-bottom: 110px;}
body.nui .nui-mb115 {margin-bottom: 115px;}
body.nui .nui-mb120 {margin-bottom: 120px;}
body.nui .nui-mb125 {margin-bottom: 125px;}
body.nui .nui-mb130 {margin-bottom: 130px;}


/** club55UI_No61,88,98
===================================*/
.headerCartBalloon .hdCarInner.type2017 .hdCarList {
	border-top: solid 1px #cecece;
	margin-top: 10px;
}

.headerCartBalloon .hdCarInner.type2017 .hdCarEmpty .hdCarEmptyBtn,
.headerCartBalloon .hdCarInner.type2017 .hdCarOrderBtn{
	margin-bottom: 5px;
}

.headerCartBalloon .hdCarInner.type2017 .transitionToSavedForLaterWrap {
  text-align: center;
}

.headerCartBalloon .hdCarInner.type2017 .transitionToSavedForLater {
  font-size: 130%;
  font-weight: bold;
  color: #333333;
}

/** side1711 (topRenewal apply)
===================================*/

.side1711-sideColSec a[target="_blank"] {
    background: none;
    padding: 0;
    margin: 0;
}

.side1711-sideColSec__ttl {
  margin: 25px 0 17px;
  padding-top: 25px;
  border-top: 1px solid #cecece;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: .02em;
}

.side1711-sideColSec:first-of-type .side1711-sideColSec__ttl {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.side1711-sideColSec--noborder .side1711-sideColSec__ttl {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.side1711-sideColSec__ttl .itemCount {
  display: block;
  font-weight: normal;
}

.side1711-sideColSec__ttl .itemCount span {
  font-size: 20px;
  font-weight: bold;
  color: #007b00;
}

.side1711-sideBnr {
  margin-bottom: 15px;
}

.side1711-sideBnr li {
  text-align: center;
  height:72px;
}

.side1711-sideBnr li img {
  vertical-align: bottom;
}

.side1711-sideBnr li + li {
  margin-top: 10px;
}

.side1711-sideList {
  margin-bottom: 15px;
}

.side1711-sideList + .side1711-sideList {
  margin-top: 18px;
}

.side1711-sideList li + li {
  margin-top: 8px;
}

.side1711-sideList li a {
  display: block;
  position: relative;
  padding: 0 0 0 13px!important;
  font-size: 13px;
  line-height: 18px;
  color: #333 !important;
  text-decoration: none;
}

.side1711-sideList li a:hover {
  color: #1b72e9 !important;
}

.side1711-sideList li a .angle {
  position: absolute;
  left: 0;
  top: 4px;
  display: block;
  width: 6px;
  height: 10px;
  background: url("/resource/images/shared/2015new_sprite_md01.png") -66px -130px no-repeat;
}

.side1711-sideList li a .external {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 9px;
  height: 9px;
  margin-left: 7px;
  background: url("/resource/images/shared/2015new_sprite_md01.png") -82px -131px no-repeat;
}

.side1711-sideLink {
  display: block;
  font-size: 13px;
  line-height: 1.1;
  text-align: right;
}

.side1711-sideLink span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 6px;
  height: 10px;
  margin-right: 8px;
  background: url("/resource/images/shared/2015new_sprite_md01.png") -66px -130px no-repeat;
  vertical-align: 0;
}

/** foot1711 (topRenewal apply)
===================================*/

/* recent */
.foot1711-recent {
  padding: 20px 20px 30px;
  background: #f9f9f9;
}

.foot1711-recent__ttl {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: normal;
  position: relative;
}

.foot1711-recent__toListPage {
  position: static;
  margin-left: 30px;
  right: 0;
  font-size: 13px;
  line-height: 1.1;
}

.foot1711-recent__toListPage span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 6px;
  height: 10px;
  margin-right: 6px;
  background: url("/resource/images/shared/2015new_sprite_md01.png") -66px -130px no-repeat;
  vertical-align: 0;
}

.foot1711-recent__list {
  margin: 0 20px;
}

.foot1711-recent__list a {
  display: block;
  width: 80px;
  margin: 0 auto;
}

.foot1711-recent__list a:hover {
  -moz-opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
}

.foot1711-recent__list .foot1711-recentItem{
  position: relative;
}

.foot1711-recent__list .js-remove{
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #adadad;
  background: rgba(0,0,0,0.3);
  border-radius: 5px;
  cursor: pointer;
  z-index:100;
}
.foot1711-recent__list .js-remove:before{
  content:'×';
  color:#fff;
  font-size: 22px;
  line-height: 22px;
  width: 18px;
  height: 22px;
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.foot1711-recent__list .js-remove:hover{
  background: #64acf6;
}

.foot1711-recent__list .js-remove:hover + a{
  -moz-opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
}


.foot1711-recent__list a img {
  width: 100%;
  height: auto;
}

.foot1711-recent__list span.foot1711-recentItem-info {
  display: block;
  padding: 0 8px;
  box-sizing: border-box;
  margin: 8px auto 0;
}

.foot1711-recent__list span.foot1711-recentItem-info a.name {
  font-size: 13px;
  line-height: 18px;
  width: auto;
  overflow: hidden;
  display: -webkit-box;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


.foot1711-recent__list span.foot1711-recentItem-info span.price {
  display: flex;
  margin-top: 8px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  color: #D80000;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
}


.foot1711-recent__list span.foot1711-recentItem-info span.tax {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #333333;
}

.foot1711-recent__list span.foot1711-recentItem-info a.foot1711-recentItem__toCart {
  display: flex;
  border: none;
  border-bottom: 1px solid #e79656;
  color: #fff !important;
  background: #fda128;
  background: -webkit-linear-gradient(#fda128, #fd8629);
  background: linear-gradient(#fda128, #fd8629);
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin: 8px 0 0 auto;
}

.foot1711-recent__list span.foot1711-recentItem-info a.foot1711-recentItem__toCart:before {
  content: '';
  display: block;
  width: 18px;
  height: 17px;
  background: url(/resource/images/shared/icn/nui-cart01.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
}

.foot1711-recent__list span.foot1711-recentItem-info a.foot1711-recentItem__toCart:hover {
  background: #fd8629;
  background: -webkit-linear-gradient(#fd8629, #fda128);
  background: linear-gradient(#fd8629, #fda128);
  opacity: 1;
}

.foot1711-recent__list .owl-theme .owl-controls {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: 0;
}

.foot1711-recent__list .owl-prev,
.foot1711-recent__list .owl-next {
  display: none;
  position: absolute;
  top: 50%;
  width: 37px;
  height: 39px;
  margin-top: -20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}

.foot1711-recent__list .owl-prev {
  left: -25px !important;
  background-image: url(/resource/images/detail/2015new_btn_arrow_01.png) !important;
}

.ie7 .foot1711-recent__list .owl-prev,
.ie8 .foot1711-recent__list .owl-prev {
  background-image: url(/resource/images/detail/2015new_btn_arrow_03.gif) !important;
}

.foot1711-recent__list .owl-prev:hover, .foot1711-recent__list .owl-prev:active {
  background-position: 0 -39px;
}

.foot1711-recent__list .owl-next {
  right: -25px !important;
  background-image: url(/resource/images/detail/2015new_btn_arrow_02.png) !important;
}

.ie7 .foot1711-recent__list .owl-next,
.ie8 .foot1711-recent__list .owl-next {
  background-image: url(/resource/images/detail/2015new_btn_arrow_04.gif) !important;
}

.foot1711-recent__list .owl-next:hover, .foot1711-recent__list .owl-next:active {
  background-position: 0 -39px;
}

.foot1711-recent__list .disabled {
  background-position: 0 -78px !important;
  cursor: default !important;
}

/* keyword */
.foot1711-keyword {
  position: relative;
  padding: 18px 20px 18px 230px;
}

.foot1711-keyword__ttl {
  position: absolute;
  top: 18px;
  left: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}

.foot1711-keyword__list {
  text-align: left;
}

.foot1711-keyword__list li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 15px;
  font-size: 13px;
  line-height: 24px;
}

.foot1711-keyword + .footerPartnersOuter {
  margin-top: 0;
}


/** foot-sns-icon (add SNS icon )
===================================*/
.foot-sns {
  margin-top: 11px;
}

.foot-sns-icon {
  float: left;
}

.foot-sns-icon__item {
  float: left;
}

.foot-sns-icon__item + .foot-sns-icon__item {
  margin-left: 8px;
}

.foot-sns-icon__item span{
  display: block;
  width: 37px;
  height: 37px;
  background: url(/resource/images/shared/2020new_sprite_footer_01.png);
}

.foot-sns-icon__item .instagram{
  background-position: 0 -65px;
}

.foot-sns-icon__item .facebook{
  background-position: -37px -65px;
}

.foot-sns-icon__item .twitter{
  background-position: -74px -65px;
}

.foot-sns-icon__text {
  float: left;
  position: relative;
  top:-5px;
  background: url(/resource/images/shared/2018new_sprite_footer_01.png) -80px -70px;
  width:80px;
  height:47px;
  overflow: hidden;
}

.foot-sns-icon__text span{
  position: absolute;
  left: -500px;
}


/* hotKeyword */
.foot1711-hotKeyword {
  position: relative;
  padding: 18px 20px 18px 230px;
}

.foot1711-hotKeyword__ttl {
  position: absolute;
  top: 18px;
  left: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}

.foot1711-hotKeyword__list {
  text-align: left;
}

.foot1711-hotKeyword__list li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 15px;
  font-size: 13px;
  line-height: 24px;
}

.foot1711-keyword + .foot1711-hotKeyword {
 padding-top:0;
}

.foot1711-keyword + .foot1711-hotKeyword > h2{
 top:0;
}

/* --------------------------------------------------------------
.clearfix
-------------------------------------------------------------- */
.sectionColArea:after,
.headerN2015 .hdKeywordOuter dd ul:after,
.stickyFooterCart .cartIn .cartDetail .include:after,
.stickyFooterCart .cartIn .cartDetail .exclude:after,
.stickyFooterCart .cartIn:after,
.stickyFooter .footerIn:after,
.noScriptClearfix:after,
.headerUserBalloon .balloonBody .bodyIn .sweetPoint .head:after,
.headerN2015 .hdKeywordOuter dl:after,
.headerN2015 .hdKeywordOuter dl:after,
.headerMdBalloon .mdPtn2 .serviceCol:after,
.headerUserBalloon .balloonBody .bodyIn .sweetPoint dl:after,
.headerUserBalloon .balloonBody .bodyIn .myPage .myPageIn:after,
.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemNum:after,
.headerCartBalloon .hdCarInner .hdItem a:after,
.headerN2015 .hdNavInnerBotL .hdNavMain ul:after,
.headerN2015 .hdNavInnerTopR .hdMembers:after,
.categoryPromotion:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.sectionColArea,
.headerN2015 .hdKeywordOuter dd ul,
.stickyFooter .footerIn,
.stickyFooterCart .cartIn .cartDetail .include,
.stickyFooterCart .cartIn .cartDetail .exclude,
.stickyFooterCart .cartIn,
.noScriptClearfix,
.headerUserBalloon .balloonBody .bodyIn .sweetPoint .head,
.headerN2015 .hdKeywordOuter dl,
.headerMdBalloon .mdPtn2 .serviceCol,
.headerUserBalloon .balloonBody .bodyIn .sweetPoint dl,
.headerUserBalloon .balloonBody .bodyIn .myPage .myPageIn,
.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemNum,
.headerCartBalloon .hdCarInner .hdItem a,
.headerN2015 .hdNavInnerBotL .hdNavMain ul,
.headerN2015 .hdNavInnerTopR .hdMembers,
.categoryPromotion {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .sectionColArea,
* html .headerN2015 .hdKeywordOuter dd ul,
* html .stickyFooter .footerIn,
* html .stickyFooterCart .cartIn .cartDetail .include,
* html .stickyFooterCart .cartIn .cartDetail .exclude,
* html .stickyFooterCart .cartIn,
* html .noScriptClearfix,
* html .headerUserBalloon .balloonBody .bodyIn .sweetPoint .head,
* html .headerN2015 .hdKeywordOuter dl,
* html .headerN2015 .hdKeywordOuter dl,
* html .headerMdBalloon .mdPtn2 .serviceCol,
* html .headerUserBalloon .balloonBody .bodyIn .sweetPoint dl,
* html .headerUserBalloon .balloonBody .bodyIn .myPage .myPageIn,
* html .headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemNum,
* html .headerCartBalloon .hdCarInner .hdItem a,
* html .headerN2015 .hdNavInnerBotL .hdNavMain ul,
* html .headerN2015 .hdNavInnerTopR .hdMembers,
* html .categoryPromotion {
  height: 1%;
}

.sectionColArea,
.headerN2015 .hdKeywordOuter dd ul,
.stickyFooter .footerIn,
.stickyFooterCart .cartIn .cartDetail .include,
.stickyFooterCart .cartIn .cartDetail .exclude,
.stickyFooterCart .cartIn,
.noScriptClearfix,
.headerUserBalloon .balloonBody .bodyIn .sweetPoint .head,
.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemQty dl,
.headerN2015 .hdKeywordOuter dl,
.headerMdBalloon .mdPtn2 .serviceCol,
.headerUserBalloon .balloonBody .bodyIn .sweetPoint dl,
.headerUserBalloon .balloonBody .bodyIn .myPage .myPageIn,
.headerCartBalloon .hdCarInner .hdItem a .hdItemR .hdItemNum,
.headerCartBalloon .hdCarInner .hdItem a,
.headerN2015 .hdNavInnerBotL .hdNavMain ul,
.headerN2015 .hdNavInnerTopR .hdMembers,
.categoryPromotion {
  display: block;
}
/* End hide from IE-mac */

/* --------------------------------------------------------------
.commonModal
-------------------------------------------------------------- */
.commonModal .modalOverlay {
	position: fixed;
	left: 0;
	top: -9999px;
	z-index: 50000;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
}

.commonModal .modalOverlay .overlayIn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.commonModal .modalIn {
	position: fixed;
	left: 50%;
	top: -9999px;
	z-index: 9999999;
	padding: 34px 10px 15px;
	background: #fff;
	line-height: 1.6;
	visibility: hidden;
	opacity: 0;
}

.commonModal .modalIn .headCloseBtn {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 19px;
	background: url(/resource/images/shared/btn/2014new_lmodal_btn_c.gif) no-repeat;
}

.commonModal .modalIn .headCloseBtn:hover,
.commonModal .modalIn .headCloseBtn:active {
	background-position: 0 -19px;
}

.commonModal .modalHead {
    margin-bottom: 20px;
	padding: 0 30px;
}

.commonModal .modalHead .modalTitle {
    font-size: 160%;
    font-weight: bold;
    line-height: 1.2;
}

.commonModal .modalBody {
	position: relative;
}

.commonModal .modalBody .bodyIn {
	padding: 0 10px 0 30px;
}

.commonModal .attentionBlock {
	margin-top: 15px;
	font-size: 130%;
}

.commonModal .attentionBlock dl dt {
	float: left;
}

.commonModal .attentionBlock dl dd {
	overflow: hidden;
}

.commonModal .attentionBlock .lead {
	margin-bottom: 3px;
}

.commonModal .attentionBlock .btn {
	margin-top: 5px;
}

.commonModal .attentionBlock .newWin img {
	margin-left: 3px;
	vertical-align: 0;
}

.commonModal .footBlock {
	margin-top: 10px;
	text-align: center;
}

.commonModal .footBlock .blockIn {
	padding-top: 10px;
}

.commonModal .footBlock .footCloseBtn {
	display: block;
	width: 154px;
	margin: 0 auto;
}

.commonModal .footBlock .decideBtn {
	margin: 0 auto 10px;
}

.commonModal .checkboxField{
	font-size: 140%;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 20px;
}

.commonModal .checkboxField input[type="checkbox"]{
	display: none;
}

body.ie7 .commonModal .checkboxField input[type="checkbox"],
body.ie8 .commonModal .checkboxField input[type="checkbox"] {
	display: inline-block;
	vertical-align: -1px;
}

.commonModal .checkboxField label{
	position: relative;
	display: inline-block;
	padding: 0px 0px 0px 20px;
	cursor: pointer;
}

body.ie7 .commonModal .checkboxField label,
body.ie8 .commonModal .checkboxField label {
	padding: 0;
}

.commonModal .checkboxField label:before{
	position: absolute;
	content: '';
	top: 62%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -11px;
	background: url(/resource/images/shared/bg/2017bg_checkbox_01.png);
}

body.ff .commonModal .checkboxField label:before{
	top: 68%;
}

body.ie7 .commonModal .checkboxField label:before,
body.ie8 .commonModal .checkboxField label:before {
	display: none;
	content: normal;
}

.commonModal .checkboxField input[type="checkbox"]:checked + label:before{
	background: url(/resource/images/shared/bg/2017bg_checkbox_01_cr.png);
}

/* --------------------------------------------------------------
#productRequestModal
-------------------------------------------------------------- */
#productRequestModal .headCloseBtn{
	background: none;
	top: 15px;
	right: 15px;
}

#productRequestModal .headCloseBtn:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}

#productRequestModal .modalIn{
	padding: 20px 10px;
	width:460px;
	margin-left: -230px;
	box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.3);
}

#productRequestModal .modalHead{
	margin-bottom: 20px;
	height: 20px;
}

#productRequestModal .title{
	font-size: 170%;
	line-height: 1.2;
	text-align: center;
	color: #172397;
}

#productRequestModal .bodyIn{
	padding: 0 20px;
}

#productRequestModal .leadBox{
	font-size: 13px;
	margin-bottom: 15px;
	height:65px;
}

#productRequestModal .leadBox a{
	display: inline-block;
}

#productRequestModal .tableBox{
	height:280px;
}

#productRequestModal .tableBox table{
	width:100%;
	font-size: 13px;
	line-height:2;
}

#productRequestModal .tableBox th{
	font-weight: normal;
	text-align: left;
	width: 90px;
}

#productRequestModal .tableBox td{
	padding-bottom: 5px;
	vertical-align: top;
}

#productRequestModal .tableBox td .required{
	padding:3px 10px;
	background-color:#efefef;
	color:#d80000;
}

#productRequestModal .tableBox td .any{
	padding:3px 10px;
	background-color:#efefef;
}

#productRequestModal .tableBox input{
	border: 1px solid #cecece;
	border-radius: 4px;
	width: 250px;
	margin-left: 10px;
	font-size: 13px;
	resize: none;
	padding: 5px;
}

#productRequestModal .tableBox textarea{
	border: 1px solid #cecece;
	border-radius: 4px;
	width: 250px;
	margin-left: 10px;
	height: 120px;
	font-size: 13px;
	resize: none;
	padding: 5px;
}

#productRequestModal .noticeBox{
	font-size: 11px;
	margin-bottom: 15px;
	height:55px;
}

#productRequestModal .noticeBox a{
	display: inline-block;
}

#productRequestModal .modalBtnArea{
	margin-top: 15px;
}

#productRequestModal .modalBtnArea a{
	display: block;
	max-width: 100px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	padding: 0 12px;
	border: none;
	border-radius: 3px;
	border-bottom: 1px solid #cecece;
	background: #e5e5e5;
	font-size: 12px;
	text-align: center;
	text-decoration: none !important;
	color: #797979 !important;
	cursor: default;
}

#productRequestModal .modalBtnArea a.active{
	border-bottom: 1px solid #1579de;
	background: #4aa3fe;
	background: -webkit-linear-gradient(#4aa3fe, #3b94f0);
	background: -o-linear-gradient(#4aa3fe, #3b94f0);
	background: -moz-linear-gradient(#4aa3fe, #3b94f0);
	background: linear-gradient(#4aa3fe, #3b94f0);
	color: #fff !important;
	cursor: pointer;
}

#productRequestModal .modalBtnArea a.active:hover {
    background: #3b94f0;
    background: -webkit-linear-gradient(#3b94f0, #4aa3fe);
    background: -o-linear-gradient(#3b94f0, #4aa3fe);
    background: -moz-linear-gradient(#3b94f0, #4aa3fe);
    background: linear-gradient(#3b94f0, #4aa3fe);
}

#productRequestModal .productRequestComplete{
	display:none;
}

#productRequestModal .productRequestComplete .modalTxtArea{
	text-align: center;
	font-size: 200%;
	padding: 55px 0 135px;
}

#productRequestModal .productRequestComplete .modalTxtArea .text{
	height: 67px;
}

#productRequestModal .productRequestComplete .modalTxtArea .images{
	margin-top: 50px;
}

.productDetail .specTitle{
	position: relative;
}

#productRequestModal .productRequestComplete .modalBtnArea a{
	background: #fff;
	background: -webkit-linear-gradient(#fff, #f2f2f2);
	background: -o-linear-gradient(#fff, #f2f2f2);
	background: -moz-linear-gradient(#fff, #f2f2f2);
	background: linear-gradient(#fff, #f2f2f2);
	border: 1px solid #cecece;
	max-width: 98px;
	height: 28px;
	line-height: 28px;
	color: #333 !important;
}

#productRequestModal .productRequestComplete .modalBtnArea a:hover{
	background: #f2f2f2;
	background: -webkit-linear-gradient(#f2f2f2, #fff);
	background: -o-linear-gradient(#f2f2f2, #fff);
	background: -moz-linear-gradient(#f2f2f2, #fff);
	background: linear-gradient(#f2f2f2, #fff);
}
/* アカウント作成ユーザ用：お届け先モーダル用パーツ */
.modalDeliveryRegistration {
	margin: 0 0 14px 24px;
}
.modalDeliveryRegistration dl dt {
	float: left;
	padding-right: 10px;
	font-weight: bold;
}
.modalDeliveryRegistration dl dd {
	float: left;
}
.modalDeliveryRegistration dl dd a:link,
.modalDeliveryRegistration dl dd a:visited {
	display: block;
	background: url(/resource/images/shared/hd/2018new_modal_registration.png) no-repeat 0px 0px;
	width: 114px;
	height: 20px;
	text-indent: -9999px;
	font-size: 1px;
}
.modalDeliveryRegistration dl dd a:hover,
.modalDeliveryRegistration dl dd a:active {
	background-position: 0px -20px;
}

/* ------------------------------------------------------ */
/* End */
/* ------------------------------------------------------ */

/* アカウント作成ユーザ用 */
.sweetPoint.createAccountUser .sweetPoint__use-list + .sweetPoint__use-list {
  margin: 10px 0 0;
}

/*ヘッダーデザイン2019*/
.hN2019 .hdMd2015 .hdMdBtn,
.hN2019.loggedIn.variantOn02 .hdMd2015 .hdMdBtn {
  width: 97px;
  padding: 19px 0 0 10px;
}

.hN2019 .hdNavInnerBotL,
.hN2018.loggedIn.variantOn02 .hdNavInnerBotL{
  left: 123px;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.coupon {
  position: relative;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.multiCategory .headerNavMainTrigger .couponNumberHeading{
  position: absolute; 
  width: 28px; 
  height: 12px; 
  left: 0px;
  right: 0;
  top: 0;
  margin: auto; 
  background: #E55C7E; 
  color: #fff; 
  border-radius: 5px; 
  text-align: center; 
  font-weight: normal;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.coupon .headerNavMainTrigger .couponNumberHeading{
  position: absolute;
  width: 28px;
  height: 12px;
  left: 0px;
  right: 0;
  top: 0;
  margin: auto;
  background: #A134B1; 
  color: #fff;
  border-radius: 5px;
  text-align: center;
  font-weight: normal;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.quick a {
  padding: 42px 0 0;
  height: 19px;
 }

.hN2019 .hdNavInnerBotL .hdNavMain ul li.multiCategory,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.coupon,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.popularProduct{
  width: 68px;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.multiCategory a,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.coupon a,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.popularProduct a{
  padding: 0;
  height: 61px;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.history a > span,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.myCata a > span,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.quick a > span{
  top: 10px;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.outlet a > span,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.multiCategory a > span,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.coupon a > span,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.popularProduct a > span,
.hN2019 .hdNavInnerBotL .hdNavMain ul li.collection a > span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 34px;
  margin-top: -17px;
  margin-left: -14px;
  background: url(/resource/images/shared/2015new_sprite_header01.png) no-repeat;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.outlet a span {
  background-position: -660px -27px;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.collection a span {
  background-position: -660px -71px;
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.multiCategory a > span{ 
  background: url(/resource/images/shared/2024new_icon_multiCategory.png) no-repeat; 
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.coupon a > span{
  background: url(/resource/images/shared/2024new_icon_coupon.png) no-repeat; 
}

.hN2019 .hdNavInnerBotL .hdNavMain ul li.popularProduct a > span {
  background: url(/resource/images/shared/2019new_icon_popular_product.png) no-repeat;
}

.hN2019 .variantOn .hdNavMain.listHide ul li.popularProduct{
  display: none;
}

.hN2019 li.multiCategory .headerNavMainBalloon .balloonMiddle .numberOfCoupon { 
  color: #E55C7E; 
  font-weight: bold; 
} 

.hN2019 li.coupon .headerNavMainBalloon .balloonMiddle .numberOfCoupon { 
  color: #A134B1; 
  font-weight: bold;
}

.hN2019 .hdNavInnerBotR .deliveryAddress {
  padding: 0 30px 0 10px;
}
.hN2017 .hdNavInnerBotR .deliveryAddress p br {
  display: block;
 }

.hN2019 .hdNavInnerBotR .user.priorToLogin:after {
  content: none;
}

.hN2019 .hdNavInnerBotR .deliveryAddress:after {
  content: none;
}
.hN2019 .hdNavInnerBotR.variantOn .user,
.hN2019 .hdNavInnerBotR.variantOn .deliveryAddress {
  padding: 0 17px 0 8px; 
}

.hN2019 .hdNavInnerBotR.variantOn .user .arrow,
.hN2019 .hdNavInnerBotR.variantOn .deliveryAddress .arrow {
  right: -14px;
}

.hN2019 .hdNavInnerBotR .separator_after{
  display: block;
  position: absolute;
  top: 50%;
  top: 73%\9;/* IE10以下用記述 */
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #cecece;
  content: '';
  right: 0;
}
.hN2019 .hdNavInnerBotR .separator_before{
  display: block;
  position: absolute;
  top: 50%;
  top: 73%\9;/* IE10以下用記述 */
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #cecece;
  content: '';
  left: 0;
}

.hN2017 .hdNavInnerBotR .user.lateBuy {
  padding-right: 0px;
}

.hN2017 .hdNavInnerBotR .user.lateBuy .lateBuy_icon {
  background:url(/resource/images/shared/icn/lateBuy.png) no-repeat;
  display:inline-block;
  width: 14px;
  height: 14px;
  vertical-align: bottom;
  }

.headerMdBalloon .mdPtn2.mdPtn2--wide {
  width: 690px;
}

.headerMdBalloon .mdPtn2.mdPtn2--wide .listCol.ra_Category.ra_Category--2col {
  width: 500px;
}

.headerMdBalloon .mdPtn2.mdPtn2--wide .listCol.ra_Category.ra_Category--2col .mdList2 {
  display: flex;
  justify-content: flex-start;
  flex-flow: column wrap;
  gap: 4px 2px;
  height: 650px;
}

.headerMdBalloon .mdPtn2.mdPtn2--wide .listCol.ra_Category.ra_Category--2col .mdList2 li {
  width: calc(50% - 2px);
}

.hN2018 .hdSerWrap .wrapIn .inputField .delete {
  display: none;
  height: 40px;
  width: 24px;
  position: absolute;
  top: 0px;
  right: 150px;
  box-sizing: border-box;
}

.hN2018 .hdSerWrap .wrapIn .inputField .delete a {
  display: block;
  position: relative;
  height: 24px;
  width: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hN2018 .hdSerWrap .wrapIn .inputField .delete a:before,
.hN2018 .hdSerWrap .wrapIn .inputField .delete a:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 12px;
  background: #4197EE;
}

.hN2018 .hdSerWrap .wrapIn .inputField .delete a:before {
  transform: translate(-50%,-50%) rotate(45deg);
}

.hN2018 .hdSerWrap .wrapIn .inputField .delete a:after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

.hN2018 .hdSerWrap .wrapIn .inputField .delete a:hover {
  opacity: .5;
}

.hN2018 .hdSerWrap .wrapIn .inputField input:not(:placeholder-shown) + .delete {
  display: block;
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader .searchHistoryKeyWrap li .deleteHistory {
  display: block;
  position: relative;
  cursor: pointer
}

#sggstHeaderBalloon .balloonBody .sggstUlHeader .searchHistoryKeyWrap li .deleteHistory .icon {
  display: block;
  width: 40px;
  height: 26px;
  margin: auto;
  position: absolute;
  bottom: -6px;
  right: -10px;
  background: url(/resource/images/basket/icon_calendar02.png) no-repeat 50% 50%;
}

/*-----------------------------------
newAlertModal
-----------------------------------*/
.newAlertModal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: -1000;
}

.newAlertModal.js-show {
  z-index: 13000;
}

.newAlertModal-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/resource/images/order/1712_bg_gray02.png);
  z-index: 5;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}

.newAlertModal.js-show .newAlertModal-bg {
  opacity: 1;
}

.newAlertModal-body {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 40px;
  overflow: hidden;
  background: #fff;
  z-index: 10;
  -webkit-transform: scale(0.92);
  -ms-transform: scale(0.92);
  transform: scale(0.92);
  -webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out;
  transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out;
  transition: transform 300ms ease-out, opacity 300ms ease-out;
  transition: transform 300ms ease-out, opacity 300ms ease-out, -webkit-transform 300ms ease-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  box-shadow: 0 0 40px rgba(0, 6, 0, 0.2);
  opacity: 0;
  z-index: 10;
}

.newAlertModal.js-show .newAlertModal-body {
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 15;
  opacity: 1;
}

.newAlertModal-inner {
  max-width: 800px;
  min-width: 600px;
}

.newAlertModal-title {
  position: relative;
  font-size: 24px;
  padding-left: 30px;
}

.newAlertModal-title:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 3px;
  left: 0;
  background: url(/resource/images/shared/2015new_sprite_md01.png) -170px -150px no-repeat;
}

.newAlertModal-message {
  margin-top: 30px;
  padding-left: 30px;
  font-size: 14px;
}

.newAlertModal-messageText {
  font-size: 17px;
  line-height: 1.5;
}

.newAlertModal-deliveryDate {
  margin-bottom: 10px;
}

.newAlertModal-deliveryDate li {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: #d80000;
  margin-left: 8px;
}

.newAlertModal-deliveryDate li:first-child {
  margin-left: 0;
}

.newAlertModal-btn {
  margin-top: 25px;
  text-align: center;
}

.newAlertModal-btn a {
  display: inline-block;
  width: 140px;
  padding: 8px 0;
  border-radius: 4px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  background: #4aa3fe;
  background: -webkit-linear-gradient(#4aa3fe, #3b94f0);
  background: linear-gradient(#4aa3fe, #3b94f0);
}

.newAlertModal-btn a:hover {
  background: #3b94f0;
  background: -webkit-linear-gradient(#3b94f0, #4aa3fe);
  background: linear-gradient(#3b94f0, #4aa3fe);
}

.newAlertModal-body--password {
  width: 700px;
  box-sizing: border-box;
  padding: 28px;
}

.newAlertModal-body--password .newAlertModal-closeBtn {
  position: absolute;
  top: 16px;
  right: 16px;
}

.newAlertModal-body--password .newAlertModal-closeBtn a:hover {
  opacity: 0.5;
}

.newAlertModal-body--password .newAlertModal-inner {
  width: auto;
  min-width: auto;
}

.newAlertModal-body--password .newAlertModal-title {
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.newAlertModal-body--password .newAlertModal-title:before {
  content: none;
}

.newAlertModal-body--password .newAlertModal-message {
  margin-top: 20px;
  padding: 0;
}

.newAlertModal-body--password .newAlertModal-message-body {
  position: relative;
  font-size: 14px;
  line-height: 1.5;
}

.newAlertModal-body--password .newAlertModal-message-body p {
  font-size: 14px;
  line-height: 20px;
}

.newAlertModal-body--password .newAlertModal-message-body p + p {
  margin-top: 20px;
}

.newAlertModal-body--password .newAlertModal-message-body ul {
  margin-top: 10px;
}

.newAlertModal-body--password .newAlertModal-message-body ul li {
  position: relative;
  font-weight: 600;
  padding-left: 14px;
}

.newAlertModal-body--password .newAlertModal-message-body ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '・';
}

.newAlertModal-body--password .newAlertModal-message-body ul li + li {
  margin-top: 8px;
}

.newAlertModal-body--password .newAlertModal-btn {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.newAlertModal-body--password .newAlertModal-btn li + li {
  margin-left: 10px;
}

.newAlertModal-body--password .newAlertModal-btn a {
  color: #333;
  font-size: 14px;
  padding: 12px 0;
  line-height: 22px;
  border: 1px solid #6E635F;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  min-width: 228px;
}

.newAlertModal-body--password .newAlertModal-btn a:hover {
  opacity: .5;
}

.newAlertModal-body--password .newAlertModal-btn a.modalChange {
  color: #fff;
  background: #3CB3F3;
  border-color: #3CB3F3;
  min-width: 260px;
}

.newAlertModal-body--password .newAlertModal-checkbox {
  margin-top: 25px;
  padding-top: 25px;
  text-align: center;
  border-top: 1px solid #D5D5D5;
}

.newAlertModal-body--password .newAlertModal-checkbox label {
  cursor: pointer;
  display: inline-flex;
}

.newAlertModal-body--password .newAlertModal-checkbox label input {
  position: absolute;
  clip: rect(0,0,0,0);
}

.newAlertModal-body--password .newAlertModal-checkbox label .icon {
  position: relative;
  display: flex;
}

.newAlertModal-body--password .newAlertModal-checkbox label .icon:before {
  display: block;
  flex: none;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  content: "";
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 10px 8px;
  border: 1px solid #999;
  border-radius: 2px;
  background-image: url(/cms/assets/images/icon_check.svg);
}

.newAlertModal-body--password .newAlertModal-checkbox label input:checked:not(:disabled)+.icon:before {
  background-color: #183d9f;
  border-color: #183d9f;
}

.newAlertModal-body--password .newAlertModal-checkbox label .text {
  font-size: 14px;
  line-height: 1.5;
}