@charset "utf-8";

/*------------------------------------------------------------
CSS Information
 Site URL:     http://shop.hikaritv.net/
 File name:    module_shopping.css
 Summary:      header,footer style
 Created:      2013-10-29
 Last update:  2016-07-04
 Copyright:    (c) NTT Plala Inc. All Rights Reserved.
-------------------------------------------------------------*/


/*-----------------------------------------------
 _#wrapper
-----------------------------------------------*/
#wrapper {

}





/*-----------------------------------------------
 _#header
-----------------------------------------------*/
#header {
	
}
#header:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* .shopHeader
-----------------------------------------------*/
#header div.shopHeader {
	position:relative;
	width:966px;
	height:67px;
	margin:0 auto;
}
#header > h1 {
	display:none;
}
#header div.shopHeader h1,
#header div.shopHeader div.siteTit {
	position:absolute;
	top:7px;
	left:0;
	width:350px;
	font-size:77%;
	color:#999;
}

/* 20141203 plala modify start */
/* memberStatus */
#header div.memberStatus {
	position:absolute;
	top:3px;
	left:350px;
	width:350px;
	background:url(../../image/share/bg_dot_x3.gif) left 35px repeat-x;
	font-size:93%;
}
/* memberNew */
#header div.memberStatus ul.memberNew {
	width:350px;
	height:38px;
}
#header div.memberStatus ul.memberNew li {
	float:left;
}
#header div.memberStatus ul.memberNew li.guest {
	width:120px;
	padding:9px 0 0 0;
}
#header div.memberStatus ul.memberNew li.guest a:hover img{
	opacity:.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";/* IE8 */
}
#header div.memberStatus ul.memberNew li.entry {
	width:125px;
	min-height:22px;
	padding:10px 0 0 105px;
	background:url(../../image/share/bg_membernew.gif) 0 0 no-repeat;
}
/* member */
#header div.memberStatus dl.member {
	width:350px;
	height:38px;
}
#header div.memberStatus dl.member dt,
#header div.memberStatus dl.member dd {
	float:left;
	font-size:85%;
}
#header div.memberStatus dl.member dt {
	padding:0 20px 0 0;
}
#header div.memberStatus dl.member strong {
	padding:0 3px 0 10px;
	font-size:127%;
	font-weight:bold;
}
#header div.memberStatus dl.member dd strong {
	font-size:145%;
}
/* utilityNav */
#header div.memberStatus ul.utilityNav {
	padding:5px 0 0 0;
}
/* 20141203 plala modify end */
#header div.memberStatus ul.utilityNav li {
	float:left;
	line-height:1;
	padding-left:17px;
	background:url(../../image/share/bg_dot_utilitynav.gif) no-repeat left top;
}
#header div.memberStatus ul.utilityNav li img {
	margin-right:10px;
}
#header div.shopHeader div.memberStatus ul.utilityNav li.firstChild {
	padding-left:0;
	background:none;
}

/* 20141203 plala add start */
#header div.Cart-WishListBtnArea {
	display: block;
	margin: 2px 0 1px 0;
	width: 155px;
	height: 64px;
	background: url(../../image/share/btn_header_cart_wishlist.png) no-repeat 0 0;
	position: absolute;
	right: 102px;
}
/* 20141203 plala add end */
/* 20141203 plala modify start */
/* cartBtn */
#header div.cartBtn a {
	display:block;
	position:absolute;
	width:77px;
	height:64px;
}
#header div.cartBtn a span.count {
	display:block;
	font-size:139%;
	font-weight:bold;
	color:#555;
	text-shadow:0 1px 0 #fff;
	text-align:center;
	vertical-align:bottom;
	padding:0 6px 0 48px;
	position: absolute;
	bottom: 5px;
}
#header div.cartBtn a:link {
	text-decoration:none;
}
#header div.cartBtn a:visited {
	text-decoration:none;
}
#header div.cartBtn a:hover {
	text-decoration:none;
	background: url(../../image/share/btn_header_cart_wishlist_over.png) no-repeat 0 0;
}
#header div.cartBtn a:active {
	text-decoration:none;
}

/* 20141203 plala modify end */
/* 20141203 plala add start */
/* wishlistBtn */
#header div.wishlistBtn a {
	display:block;
	position:absolute;
	right: 0;
	width:78px;
	height:64px;
}
#header div.wishlistBtn a span.count {
	display:block;
	font-size:110%;
	font-weight:bold;
	color:#555;
	text-shadow:0 1px 0 #fff;
	text-align:center;
	vertical-align:bottom;
	padding:0 3px 0 46px;
	position: absolute;
	bottom: 7px;
}
#header div.wishlistBtn a:link {
	text-decoration:none;
}
#header div.wishlistBtn a:visited {
	text-decoration:none;
}
#header div.wishlistBtn a:hover {
	text-decoration:none;
	background: url(../../image/share/btn_header_cart_wishlist_over.png) no-repeat -77px 0;
}
#header div.wishlistBtn a:active {
	text-decoration:none;
}
/* 20141203 plala add end */
/* 20141203 plala modify start */
/* caesarHeader */
#header div.shopHeader img.caesarHeader {
	position:absolute;
	top:5px;
	right:3px;
	width:89px;
	height:71px;
}

/* 20141128 sasaki modify start */
/* 20141020 unisty add start */
/* upsellHeader */
#header div.shopHeader img.upsellHeader {
  position:absolute;
  right:3px;
  width:89px;
  height:66px;
  top:0px;
}
/* 20141020 unisty add end */
/* 20141128 sasaki modify end */
/* 20141203 plala modify end */

/* .shopUtility
-----------------------------------------------*/
/* 20160808 plala modify start */
#header div.shopUtilityArea {
	background: #fec600;
	border-bottom: 1px solid #ccc;
}
#header div.shopUtilityArea div.shopUtilityInner {
	padding: 1px 10px 2px 10px;
}
#header div.shopUtility {
	min-height: 42px;
	margin: 0 auto;
	position: relative;
	width: 964px;
}
#header div.shopUtility p {
	color: #834602;
	float: left;
	font-size: 93%;
	padding: 10px 0 0 0;
	text-shadow: 0 1px 0 #fbe4b3;
	vertical-align:baseline;
	width: 179px;
}
/* 20160808 plala modify end */
#header div.shopUtility p span {
	font-size:150%;
	font-weight:bold;
	color:#585656;
	text-shadow:0 1px 0 #fbe4b3;
}
/*catSelect*/
#header div#catSelect {
	position:absolute;
	top:4px;
	left:5px;
	width:183px;
	height:33px;
	background:url(../../image/share/bg_choosecat.png) left top no-repeat;
	/* 20141020 unisty modify start */
	z-index: 100;
	/* 20141020 unisty modify end */
}
#header div#catSelect ul {
	display:block;
}
#header div#catSelect ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
}
#header div#catSelect ul ul ul {
	top:0;
	left:100%;
}
#header div#catSelect li {
	float:left;
}
#header div#catSelect li li {
	clear:both;
}
#header div#catSelect li:hover {
	position:relative;
}
#header div#catSelect li:hover > ul {
	display:block
}
#header div#catSelect li {
	line-height:1.4;
}
#header div#catSelect li a {
	display:block;
	width:163px;
	padding:6px 9px;
	border-left:1px solid #c89600;
	border-right:1px solid #c89600;
	border-bottom:1px solid #c89600;
	background-color:#fefbdb;
	color:#666;
	text-decoration:none;
}
#header div#catSelect li.firstChild > a {
	border-top:1px solid #c89600;
}
#header div#catSelect li a:hover {
	background-color:#ffe490;
	color:#666;
}
#header div#catSelect li a.selectCat{
	display:block;
	width:183px;
	min-height:20px;
	padding:11px 0 0 0;
	border:none;
	background:transparent;
	font-weight:bold;
	color:#666;
	line-height:1;
	text-decoration:none;
	text-indent:28px;
}
#header div#catSelect li li li a {
	display:block;
	min-width:190px;
	padding:6px 9px;
	border-left:1px solid #c89600;
	border-right:1px solid #c89600;
	border-bottom:1px solid #c89600;
	background-color:#fefbdb;
	color:#666;
	font-size:85%;
	text-decoration:none;
}
span.customSelect {
	padding:10px 0 0 29px;
	font-size:93%;
}
.customSelectInner {
	width:140px !important;
	white-space:nowrap;
	overflow:hidden;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
}

/* search */
/* 20160808 plala modify start */
#header div.search {
	float: right;
	padding: 5px 0 0 0;
}
#header div.search input.searchBox {
	background-color: #ffffff;
	border: 0;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	color: #333;
	float: left;
	height: 34px;
	padding: 2px 10px;
	width: 702px;
}
#header div.search input.searchBtn {
	background: url(../../image/share/btn_search01.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
	height: 34px;
	text-indent: -99999px;
	width: 70px;
}
#header div.search input.searchBtn:hover {
	background: url(../../image/share/btn_search01.png) no-repeat 0 -34px;
	border: none;
	height: 34px;
	width: 70px;
}
/* 20160808 plala modify end */
/* suggestion */
/* 20160808 plala modify start */
#suggestion {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	position: absolute;
	top: 38px;
	left: 192px;
	width: 702px;
	z-index: 99;
}
#suggestion div {
	box-sizing: border-box;
	display: inline-block;
	font-size: 0.96em;/* font-size 12px */
	min-height: 0px;
	overflow: hidden;
	padding: 5px 10px;
	width: 700px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
#suggestion .focus {
	cursor: pointer;
	background-color: #efefef;
}
#suggestion div em {
	font-weight: bold;
}
#suggestion span.suggest_word {
	display: inline-block;
	vertical-align: middle;
	width: 620px;
}
#suggestion img.suggest_image{
	display: inline-block;
	padding: 0 20px 0 0;
	vertical-align: middle;
	width: 40px;
}
/* 20160808 plala modify end */
/* 20131210 unisty modify start */
/* .keyWord
-----------------------------------------------*/
div.keyWord {
	padding:5px 0;
	background-color:#ddd;
	border-bottom:1px solid #ccc;
}
div.keyWord:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.keyWord dl {
	width:962px;
	margin:0 auto;
	padding:0 10px;
	font-size:85%;
}
div.keyWord dl dt,
div.keyWord dl dd {
	display:inline-block;
	*display:inline;
	*zoom:1; /* for IE6, IE7 */
	margin-right:10px;
}

/* .topicPath
-----------------------------------------------*/
div.topicPath {
	min-height:18px;
	padding:0 10px;
	background:url(../../image/share/bg_topicpath.gif) left top repeat;
}
div.topicPath ol {
	width:946px;
	margin:0 auto;
	padding:0 8px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	/zoom:1;
}
div.topicPath ol li {
	display:inline;
	margin-right:5px;
	padding-left:20px;
	background:url(../../image/share/bg_topicpath_arrow.gif) left center no-repeat;
	color:#666;
	line-height:18px;
	font-size:85%;
	font-weight:bold;
	vertical-align:top;
	/zoom:1;
}
div.topicPath ol li.home {
	padding-left:15px;
	background:url(../../image/share/ico_home.gif) left 3px no-repeat;
}
div.topicPath ol li a {
	font-weight:normal;
}
div.topicPath ol li a:link {
	color:#666;
	text-decoration:none;
}
div.topicPath ol li a:visited{
 color:#666;
 text-decoration:none;
}
div.topicPath ol li a:hover{
 color:#df6408;;
 text-decoration:none;
}
div.topicPath ol li a:active{
 color:#666;
 text-decoration:none;
}

/* .headerBnr
-----------------------------------------------*/
div.headerBnr {
  padding:5px 0;
  background:url(../../image/share/bg_headerad.gif) left top repeat-x;
  text-align:center;
}
/* 20131210 unisty modify end */




/*-----------------------------------------------
 _#footerWrap
-----------------------------------------------*/
#footerWrap {
	position:relative;
	padding:20px 0 10px 0;
	background:url(../../image/share/bg_footer.gif) left top repeat-x;
	color:#666;
	font-size:93%;
}
#footerWrap img.caesarFooter {
	position:absolute;
	bottom:0;
	right:0;
	width:299px;
	height:219px;
}

/* 20131210 unisty modify start */
/*------------------------------------
 _#footerInner
------------------------------------*/
#footerInner {
	width:964px;
	margin:0 auto;
	padding:10px 0 0 0;
/* 20131213 plala sasaki add start */
	color:#666666;
	background:#ffffff url(../../image/share/img_footer_bg.gif) repeat-x left top;
/* 20131213 plala sasaki add end */
}
#footerInner a:link{
	color:#666;
	text-decoration:none;
}
#footerInner a:visited{
	color:#666;
	text-decoration:none;
}
#footerInner a:hover{
	color:#df6408;
	text-decoration:none;
}
#footerInner a:active{
	color:#666;
	text-decoration:none;
}

/* .shopGuide
-----------------------------------------------*/
#footerInner div.shopGuide {
	width:964px;
	margin:0 auto 25px auto;
	background:url(../../image/share/bg_shopguide_bottom.png) left bottom no-repeat;
}
#footerInner div.shopGuide dl {
	padding:0 15px 15px 15px;
	background:url(../../image/share/bg_shopguide_top.gif) left top no-repeat;
}
#footerInner div.shopGuide dt {
	padding-top:15px;
}
#footerInner div.shopGuide dt {
	padding-bottom:5px;
}
#footerInner div.shopGuide dd {
	display:inline-block;
	/display:inline;
	/zoom:1;
	min-width:100px;
	margin:0 20px 3px 0;
	padding-left:8px;
	background:url(../../image/share/bg_arrow01.gif) left 50% no-repeat;
}
#footerInner div.shopGuide dd.wLong {
	min-width:150px;
}
#footerInner div.shopGuide a:link {
	color:#153eb6;
	text-decoration:underline;
}
#footerInner div.shopGuide a:visited {
	color:#153eb6;
	text-decoration:underline;
}
#footerInner div.shopGuide a:hover {
	color:#df6408;
	text-decoration:underline;
}
#footerInner div.shopGuide a:active {
	color:#153eb6;
	text-decoration:underline;
}

/* .shoppingNav
-----------------------------------------------*/
#footerInner dl.shoppingNav {
	width:964px;
	margin:0 auto 20px auto;
}
#footerInner dl.shoppingNav:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#footerInner dl.shoppingNav > dt {
	float:left;
	width:160px;
}
#footerInner dl.shoppingNav dt span.sns {
	display:block;
	position:relative;
	width:133px;
	height:22px;
	margin-top:7px;
	background:url(../../../contents/include/footer/image/bg_sns.png) left top no-repeat;
	font-size:0;
}
#footerInner dl.shoppingNav dt span.sns a.facebook {
	position:absolute;
	top:3px;
	left:55px;
	width:16px;
	height:16px;
}
#footerInner dl.shoppingNav dt span.sns a.twitter {
	position:absolute;
	top:3px;
	left:75px;
	width:16px;
	height:16px;
}
#footerInner dl.shoppingNav > dd {
	float:left;
	width:780px;
	padding-left:20px;
	background:url(../../image/share/bg_solid_y3.gif) left top repeat-y;
}
#footerInner dl.shoppingNav dd > ul {
	/zoom:1;
}
#footerInner dl.shoppingNav dd > ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#footerInner dl.shoppingNav dd > ul >li {
	float:left;
	width:170px;
	padding-right:20px;
	/zoom:1;
}
#footerInner dl.shoppingNav dd ul dl.shopNav {
	padding-bottom:15px;
}
#footerInner dl.shoppingNav dd ul dl.shopNav dt {
	float:none;
	font-weight:bold;
}
#footerInner dl.shoppingNav dd ul dl.shopNav dd {
	padding-left:1.5em;
	text-indent:-1.5em;
}

/* .nttPlalaNav
-----------------------------------------------*/
#footerInner dl.nttPlalaNav {
	width:964px;
	margin:0 auto 10px auto;
	padding-top:20px;
	border-top:1px solid #d4d4d4;
	font-size:83%;
}
#footerInner dl.nttPlalaNav:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#footerInner dl.nttPlalaNav dt {
	float:left;
	width:160px;
}
#footerInner dl.nttPlalaNav dd {
	float:left;
	width:780px;
	padding-left:20px;
	background:url(../../image/share/bg_solid_y3.gif) left top repeat-y;
}
#footerInner dl.nttPlalaNav dd ul {
	padding-bottom:15px;
	/zoom:1;
}
#footerInner dl.nttPlalaNav dd ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#footerInner dl.nttPlalaNav dd ul li {
	float:left;
	text-align:center;
	vertical-align:top;
	/zoom:1;
}
#footerInner dl.nttPlalaNav dd ul.service01 li {
	width:180px;
	margin:0 10px 10px 0;
}
#footerInner dl.nttPlalaNav dd ul.service02 li {
	width:130px;
	margin:0 10px 10px 0;
}
#footerInner dl.nttPlalaNav dd ul.recognition li {
	margin-right:20px;
	text-align:left;
}


/* .copyright
-----------------------------------------------*/
#footerInner p.copyright {
	width:964px;
	text-align:center;
	margin:0 auto;
/* 20131213 plala sasaki modify start */
	padding:0 0 10px 0;
/* 20131213 plala sasaki modify end */
}
/* 20131210 unisty modify end */

/* #recommendCpWindow
-----------------------------------------------*/
#recommendCpWindow {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 178px;
	background:url(../../../contents/include/footer/image/bg_rcmcpwindow.png) left top no-repeat;
	padding:93px 10px 5px 12px;
	z-index:100
}
#recommendCpWindow dt {
	font-weight:bold;
}
#recommendCpWindow img {
	margin-bottom:3px;
}
#recommendCpWindow span {
	font-size:93%;
	line-height:1.3;
}
#recommendCpWindow li {
	margin-bottom:10px;
}
/* category nav header
---------------------------------*/
/* 20150206 add plala */
#cat_nav_header {
	position: absolute;
	top: 4px;
	left: 0;/* 20160808 plala modify */
	width: 183px;
	height: 33px;
	background: url(../../image/share/bg_choosecat.png) left top no-repeat;
	z-index: 100;
}
a.dropdown-toggle_header{
	display: block;
	width: 183px;
	min-height: 21px;  /* 20150623 plala modify */
	padding: 11px 0 0 0;
	border: none;
	background: transparent;
	font-weight: bold;
	color: #666;
	line-height: 1;
	text-decoration: none;
	text-indent: 28px;
}
.dropdown-menu_header {
	display: none;
	width: 183px;
	border: 1px solid #f06e00;
	border: 1px solid rgba(240, 110, 0, 1);
	-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.1);
		-moz-box-shadow: 0 1px 1px rgba(0, 1, 0, 0.1);
			box-shadow: 0 1px 1px rgba(0, 1, 0, 0.1);
	-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
			background-clip: padding-box;
	box-sizing: border-box;
}

.dropdown-menu_header:hover,
.dropdown-menu_header:focus {
	border-right: none;
	-webkit-border-radius: 0 0 0 5px;
		-moz-border-radius: 0 0 0 5px;
			border-radius: 0 0 0 5px;
}

.dropdown-menu_header > li {
	display: block;
	height: 42px;
	border-bottom: 1px dotted #fdefb9;
	background-color: #fbfae6;
}

.dropdown-menu_header > li:last-child {
	-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
}

.dropdown-menu_header:hover > li:last-child {
	border-bottom: none;
	-webkit-border-radius: 0 0 0 5px;
		-moz-border-radius: 0 0 0 5px;
			border-radius: 0 0 0 5px;
}

.dropdown-menu_header > li > a {
	display: table-cell;
	padding: 0 3px 0 10px;
	width: 170px;
	height: 42px;
	clear: both;
	font-weight: normal;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
/*	white-space: nowrap;*/
	white-space: normal;
	vertical-align: middle;
}

.dropdown-menu_header > li > a:hover,
.dropdown-menu_header > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	color: #f06e00;
	font-weight: bold;
	text-decoration: none;
	background-color: #ffffff;
}

.dropdown-menu_header > li:last-child > a:hover,
.dropdown-menu_header > li:last-child > a:focus {
	-webkit-border-radius: 0 0 0 5px;
		-moz-border-radius: 0 0 0 5px;
			border-radius: 0 0 0 5px;
}
.dropdown-menu_header > li > a:hover > [class^="icon-"],
.dropdown-menu_header > li > a:focus > [class^="icon-"],
.dropdown-menu_header > li > a:hover > [class*=" icon-"],
.dropdown-menu_header > li > a:focus > [class*=" icon-"],
.dropdown-menu_header > li > a.maintainHover > [class^="icon-"],
.dropdown-menu_header > li > a.maintainHover > [class*=" icon-"] {
	background-image: url("../../image/share/glyphicons-halflings.png");
	opacity: 0.5;
}
#cat_nav_header .dropdown-menu_header > li > a.maintainHover {
	color: #f06e00;
	font-weight: bold;
	background: #ffffff;
}
#cat_nav_header .dropdown-menu_header .popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	min-width: 340px;
	padding: 0 1px 1px;
	text-align: left;
	white-space: normal;
	background-color: #ffffff;
	border: 1px solid #f06e00;
	border: 1px solid rgba(240, 110, 0, 1);
/*	border-top: 2px solid #f06e00;
	border-top: 2px solid rgba(240, 110, 0, 1);*/
	border-left: none;
	-webkit-border-radius: 0 0 5px 0;
		-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
			background-clip: padding-box;
}
/* 20150304 unisty add start */
#cat_nav_header li:hover > ul {
  display: block;
}
/* 20150304 unisty add end */
/* 20150624 plala add start */
#sub #category_nav .navbar .dropdown-menu > li:last-child > a.maintainHover {
-webkit-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
#cat_nav_header .dropdown-menu_header > li:last-child > a.maintainHover {
-webkit-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
/* 20150624 plala add end */

/* 20160704 plala add start */
/*-----------------------------------------------
 _header
-----------------------------------------------*/
header {
	border-bottom: 1px solid #cccccc;
	width: 100%;
}
header .shopHeader {
	height: 67px;
	margin: 0 auto;
	position: relative;
	width: 966px;
}
header .shopHeader .siteTit {
	color: #999999;
	font-size: 77%;
	left: 0;
	position: absolute;
	top: 7px;
	width: 350px;
}
/*-----------------------------------------------
 _footer
-----------------------------------------------*/
footer {
	border-top: 1px solid #cccccc;
	color: #666666;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	width: 100%;
	text-align: center;
}
/* 20160704 plala add end */