@charset "utf-8";

/* --------------------------------------------------------------

LAWSON Netshopping Loppi
global header

Index:
	__1. common
	__2. login
	__3. logo, banner
	__4. navigation
	__5. clearfix
-------------------------------------------------------------- */

/*=====================================================
__1. common
=====================================================*/
body { background-image: none; }
#lnsHeader {
	background-color: #fff;
	font: normal normal 13px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#lnsHeader iframe { vertical-align: top; }
#lnsHeader a { outline: none; }
#lnsHeader a:link { text-decoration: underline; color: #004fa8; }
#lnsHeader a:visited { text-decoration: underline; color: #004fa8; }
#lnsHeader a:hover { text-decoration: none; color: #004fa8; }
#lnsHeader a:active { text-decoration: none; color: #004fa8; }
#lnsHeader #lnsHeaderInner {
	width: 990px;
	margin: 0 auto;
	padding-bottom: 3px;
}

/*=====================================================
__2. login
=====================================================*/
#lnsHeader .globalInfo { padding-top: 6px; }
#lnsHeader .globalInfo p {
	font-size: 92.3%;
	float: left;
}
#lnsHeader .globalInfo dl { float: right; }
#lnsHeader .globalInfo dt {
	font-size: 92.3%;
	float: left;
}
#lnsHeader .globalInfo dd {
	margin-left: 1.5em;
	font-size: 84.6%;
	float: left;
}

/*=====================================================
__3. logo, banner
=====================================================*/
#lnsHeader .mainHead h1 {
	width: 262px;
	height: 100px;
	margin: 0;
	background: url(https://img.hmv.co.jp/image70/J/EntertainmentMall2/spr_lns_header_140701.png) no-repeat 0 0;
	font-size: 1px;
	text-indent: -9999em;
	float: left;
}
#lnsHeader .mainHead h1 a {
	width: 100%;
	height: 100%;
	display: block;
}
#lnsHeader .mainHead .headBnr { float: right; }

/*=====================================================
__4. navigation
=====================================================*/
#lnsHeader #lnsNavHomeConv {
	width: 370px;
	margin-right: 1px;
	float: left;
}

#lnsHeader #lnsNavEntertainment {
	width: 495px;
	margin-right: 1px;
	float: left;
}

#lnsHeader #lnsNavAlliance {
	width: 123px;
	float: left;
}
#lnsNav .lnsNavCaption {
	height: 21px;
	margin-bottom: 1px;
	font-size: 1px;
	text-indent: -9999em;
}
#lnsNavHomeConv .lnsNavCaption { background: #689f00 url(https://img.hmv.co.jp/image70/J/EntertainmentMall2/spr_lns_header_140701.png) no-repeat 46px -99px; }
#lnsNavEntertainment .lnsNavCaption { background: #ec6d72 url(https://img.hmv.co.jp/image70/J/EntertainmentMall2/spr_lns_header_140701.png) no-repeat 101px -124px; }
#lnsNavAlliance .lnsNavCaption { background: #f29a38 url(https://img.hmv.co.jp/image70/J/EntertainmentMall2/spr_lns_header_140701.png) no-repeat 32px -149px; }
#lnsNav dl {
	height: 34px;
	float: left;
	position: relative;
}
#lnsHeader #lnsNavSmartkitchen {
	width: 184px;
	margin-right: 1px;
}
#lnsHeader #lnsNavSmartkitchenPremium {
	width: 184px;
/*	width: 185px;  差分*/
}
#lnsHeader #lnsNavLtike,
#lnsHeader #lnsNavHMV,
#lnsHeader #lnsNavBooks {
	width: 123px;
	margin-right: 1px;
}
#lnsNavHomeDrug,
#lnsNavLoppi,
#lnsNavPonta { width: 123px; }
#lnsNav dt {
	width: 141px;
	height: 64px;
	background: url(https://img.hmv.co.jp/image70/J/EntertainmentMall2/spr_lns_header_140701.png) no-repeat;
	font-size: 1px;
	text-indent: -9999em;
	display: none;
	position: absolute;
	top: -55px;
	left: -9px;
	z-index: 10;
	opacity: 0;
}
#lnsNav dt a {
	height: 100%;
	display: block;
}

#lnsNavSmartkitchen dt { background-position: 0 -353px; left: 24px;}
#lnsNavSmartkitchenPremium dt { background-position: -151px -353px; left: 24px;}
/*#lnsNavSmartkitchen dt { background-position: 0 -353px; }
#lnsNavSmartkitchenPremium dt { background-position: -151px -353px; }*/
#lnsNavHomeDrug dt { background-position: -302px -353px; }
#lnsNavLtike dt { background-position: -453px -353px; }
#lnsNavHMV dt { background-position: 0 -426px; }
#lnsNavBooks dt { background-position: -151px -426px; }
#lnsNavLoppi dt { background-position: -302px -426px; }
#lnsNavPonta dt { background-position: -453px -426px; }
#lnsNav dd {
	height: 34px;
	background: #004fa8 url(https://img.hmv.co.jp/image70/J/EntertainmentMall2/spr_lns_header_140701.png) no-repeat;
	font-size: 1px;
	text-indent: -9999em;
}
#lnsNavSmartkitchen dd { background-position: 0 -177px; }
#lnsNavSmartkitchenPremium dd { background-position: -184px -177px; }
#lnsNavHomeDrug dd { background-position: -245px -177px; }
#lnsNavLtike dd { background-position: -368px -177px; }
#lnsNavHMV dd { background-position: 0 -221px; }
#lnsNavBooks dd { background-position: -123px -221px; }
#lnsNavLoppi dd { background-position: -246px -221px; }
#lnsNavPonta dd { background-position: -369px -221px; }

.smartkitchenpremium #lnsNavSmartkitchen dd { background-position: 0 -265px; }
.smartkitchenpremium #lnsNavSmartkitchenPremium dd { background-position: -184px -177px; }
.smartkitchenpremium #lnsNavHomeDrug dd { background-position: -245px -265px; }
.smartkitchenpremium #lnsNavLtike dd { background-position: -368px -265px; }
.smartkitchenpremium #lnsNavHMV dd { background-position: 0 -309px; }
.smartkitchenpremium #lnsNavBooks dd { background-position: -123px -309px; }
.smartkitchenpremium #lnsNavLoppi dd { background-position: -246px -309px; }
.smartkitchenpremium #lnsNavPonta dd { background-position: -369px -309px; }
.smartkitchenpremium #lnsNavSmartkitchen:hover dd { background-position: 0 -177px; }
.smartkitchenpremium #lnsNavHomeDrug:hover dd { background-position: -245px -177px; }
.smartkitchenpremium #lnsNavLtike:hover dd { background-position: -368px -177px; }
.smartkitchenpremium #lnsNavHMV:hover dd { background-position: 0 -221px; }
.smartkitchenpremium #lnsNavBooks:hover dd { background-position: -123px -221px; }
.smartkitchenpremium #lnsNavLoppi:hover dd { background-position: -246px -221px; }
.smartkitchenpremium #lnsNavPonta:hover dd { background-position: -369px -221px; }

#ltike #lnsNavSmartkitchen dd { background-position: 0 -265px; }
#ltike #lnsNavSmartkitchenPremium dd { background-position: -184px -265px; }
#ltike #lnsNavHomeDrug dd { background-position: -245px -265px; }
#ltike #lnsNavLtike dd { background-position: -368px -177px; }
#ltike #lnsNavHMV dd { background-position: 0 -309px; }
#ltike #lnsNavBooks dd { background-position: -123px -309px; }
#ltike #lnsNavLoppi dd { background-position: -246px -309px; }
#ltike #lnsNavPonta dd { background-position: -369px -309px; }
#ltike #lnsNavSmartkitchen:hover dd { background-position: 0 -177px; }
#ltike #lnsNavSmartkitchenPremium:hover dd { background-position: -184px -177px; }
#ltike #lnsNavHomeDrug:hover dd { background-position: -245px -177px; }
#ltike #lnsNavHMV:hover dd { background-position: 0 -221px; }
#ltike #lnsNavBooks:hover dd { background-position: -123px -221px; }
#ltike #lnsNavLoppi:hover dd { background-position: -246px -221px; }
#ltike #lnsNavPonta:hover dd { background-position: -369px -221px; }

#hmv #lnsNavSmartkitchen dd { background-position: 0 -265px; }
#hmv #lnsNavSmartkitchenPremium dd { background-position: -184px -265px; }
#hmv #lnsNavHomeDrug dd { background-position: -245px -265px; }
#hmv #lnsNavLtike dd { background-position: -368px -265px; }
#hmv #lnsNavHMV dd { background-position: 0 -309px; }
#hmv #lnsNavBooks dd { background-position: -123px -221px; }
#hmv #lnsNavLoppi dd { background-position: -246px -309px; }
#hmv #lnsNavPonta dd { background-position: -369px -309px; }
#hmv #lnsNavSmartkitchen:hover dd { background-position: 0 -177px; }
#hmv #lnsNavSmartkitchenPremium:hover dd { background-position: -184px -177px; }
#hmv #lnsNavHomeDrug:hover dd { background-position: -245px -177px; }
#hmv #lnsNavLtike:hover dd { background-position: -368px -177px; }
#hmv #lnsNavHMV:hover dd { background-position: 0 -221px; }
#hmv #lnsNavBooks:hover dd { background-position: -123px -221px; }
#hmv #lnsNavLoppi:hover dd { background-position: -246px -221px; }
#hmv #lnsNavPonta:hover dd { background-position: -369px -221px; }

.lnsHeaderBooks #lnsNavSmartkitchen dd { background-position: 0 -265px; }
.lnsHeaderBooks #lnsNavSmartkitchenPremium dd { background-position: -184px -265px; }
.lnsHeaderBooks #lnsNavHomeDrug dd { background-position: -245px -265px; }
.lnsHeaderBooks #lnsNavLtike dd { background-position: -368px -265px; }
.lnsHeaderBooks #lnsNavHMV dd { background-position: 0 -309px; }
.lnsHeaderBooks #lnsNavBooks dd { background-position: -123px -221px; }
.lnsHeaderBooks #lnsNavLoppi dd { background-position: -246px -309px; }
.lnsHeaderBooks #lnsNavPonta dd { background-position: -369px -309px; }
.lnsHeaderBooks #lnsNavSmartkitchen:hover dd { background-position: 0 -177px; }
.lnsHeaderBooks #lnsNavSmartkitchenPremium:hover dd { background-position: -184px -177px; }
.lnsHeaderBooks #lnsNavHomeDrug:hover dd { background-position: -245px -177px; }
.lnsHeaderBooks #lnsNavLtike:hover dd { background-position: -368px -177px; }
.lnsHeaderBooks #lnsNavHMV:hover dd { background-position: 0 -221px; }
.lnsHeaderBooks #lnsNavLoppi:hover dd { background-position: -246px -221px; }
.lnsHeaderBooks #lnsNavPonta:hover dd { background-position: -369px -221px; }

/*#lnsNavSmartkitchen:hover dd { background-position: 0 -265px; }
#lnsNavSmartkitchenPremium:hover dd { background-position: -122px -265px; }
#lnsNavHomeDrug:hover dd { background-position: -245px -265px; }
#lnsNavLtike:hover dd { background-position: -368px -265px; }
#lnsNavHMV:hover dd { background-position: 0 -309px; }
#lnsNavBooks:hover dd { background-position: -123px -309px; }
#lnsNavLoppi:hover dd { background-position: -246px -309px; }
#lnsNavPonta:hover dd { background-position: -369px -309px; }*/
#lnsNav dd a {
	height: 100%;
	display: block;
}

/*=====================================================
__5. clearfix
=====================================================*/
#lnsHeader .globalInfo:before,
#lnsHeader .globalInfo:after,
#lnsHeader .mainHead:before,
#lnsHeader .mainHead:after,
#lnsNav:before,
#lnsNav:after { content: " "; display: table; }
#lnsHeader .globalInfo:after,
#lnsHeader .mainHead:after,
#lnsNav:after { clear: both; }
#lnsHeader .mainHead,
#lnsHeader .globalInfo,
#lnsNav { *zoom: 1; }