@charset "shift-jis";

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

HMV asp override

Index:
	__1. override
-------------------------------------------------------------- */

/*=====================================================
__1. override
=====================================================*/
body {
	background-color: #f5f5f5;
    font: normal normal 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	text-align: center;
}
body #funcWrapper #headSearchWrap { width: 545px; }
body #funcWrapper #logoHMV {
	width: 116px;
	padding: 11px 0 0 32px;
}
body #funcWrapper #headSearchWrap select { width: 102px; }
body #funcWrapper #headSearchWrap #searchText { width: 242px; }

body div#topicpathBase {
	clear: both;
}
body div#topicpathBase p#topicpath { color: #333; }
body p#topicpath a { color: #06c }
body p#topicpath strong { color: #333; }

body #utility #utility,
body #utilityNavWidth a,
body div#utilityNote,
body div#utility p { color: #333; }
body #utilityNav h3 { color: #333; border-bottom: 1px solid #333; }

.fsDown3 { font-size: 76.9%; }
.fsDown2 { font-size: 84.6%; }
.fsDown1 { font-size: 92.3%; }
.fsUp1 { font-size: 107.7%; }
.fsUp2 { font-size: 115.4%; }
.fsUp3 { font-size: 123.1%; }
.fsUp4 { font-size: 130.8%; }
.fwBold { font-weight: bold; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

/*=====================================================
__. header
=====================================================*/
body #lpacaHeader {
	/*margin-bottom: 10px;
	padding-bottom: 0;*/
}

/*=====================================================
__. balloon
=====================================================*/
body #lpacaHeader #mainNav #mainRanking .navBalloon {
	width: 686px;
	padding: 16px 0;
}

body #lpacaHeader #mainCategory .mainLv1 { background-position: 0 0; }
body #lpacaHeader #mainCategory:hover .mainLv1 { background-position: 0 -31px; }


/*=====================================================
__. campaign
=====================================================*/
body #lpacaHeader #mainNav #mainCamp .navBalloon .mainLv3L2Col {
	width: 309px;
	background-color: #f1f9ff;
}

/*=====================================================
__. footer
=====================================================*/
#lpacaFooter {
	margin: 40px 0 -30px;
	padding-bottom: 20px;
	text-align: left;
	background-color: #fff;
}
#lpacaFooter .footerCatch dt a:link, #lpacaFooter .footerCatch dt a:visited {
	text-decoration: none;
	color: #fff;
}
#lpacaFooter .footerCatch dt a:hover, #lpacaFooter .footerCatch dt a:active {
	text-decoration: underline;
	color: #fff;
}
#lpacaFooter .footerCatch dd a:link, #lpacaFooter .footerCatch dd a:visited,
#lpacaFooter .footerAbout dd a:link, #lpacaFooter .footerAbout dd a:visited {
	text-decoration: none;
	color: #333;
}
#lpacaFooter .footerCatch dd a:hover, #lpacaFooter .footerCatch dd a:active,
#lpacaFooter .footerAbout dd a:hover, #lpacaFooter .footerAbout dd a:active{
	text-decoration: underline;
	color: #333;
}
#lpacaFooter .footerAnnounce {
	padding: 12px 0;
	background-color: #f5f5f5;
	border-top: 1px solid #999;
}
#lpacaFooter .footerAnnounce p {
	width: 990px;
	margin: 0 auto;
	font-size: 76.9%;
	line-height: 1.6;
}
#lpacaFooter .footerCatch { margin-bottom: 20px; }
#lpacaFooter .footerCatch dt {
	margin-bottom: 6px;
	padding: 3px 0;
	background-color: #999;
	font-size: 84.6%;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
#lpacaFooter .footerCatch dd { text-align: center; }
#lpacaFooter .footerCatch li {
	padding: 0 7px;
	font-size: 84.6%;
	vertical-align: top;
	display: inline-block;
}
#lpacaFooter .footerAbout {
	width: 990px;
	margin: 0 auto 15px;
}
#lpacaFooter .footerAbout dl {
	width: 322px;
	margin-right: 12px;
}
#lpacaFooter .footerAbout .footerAboutLawson { float: left; }
#lpacaFooter .footerAbout .footerAboutOnline { float: left; }
#lpacaFooter .footerAbout .footerAboutHelpAdd {
	margin-right: 0;
	float: right;
}
#lpacaFooter .footerAbout dt {
	margin-bottom: 6px;
	padding: 4px 6px 0;
	background-color: #eaeaea;
	font-size: 92.3%;
	font-weight: bold;
}
#lpacaFooter .footerAbout dt img {
	padding: 0 6px 2px 0;
	vertical-align: middle;
}
#lpacaFooter .footerAbout dd li {
	margin-bottom: 3px;
	font-size: 84.6%;
}
#lpacaFooter .footerInner {
	padding: 18px 0 24px;
	text-align: center;
	border-top: 1px solid #cccccc;
	font-size: 84.3%;
}

/* IE7 */
*+html #lpacaFooter .footerCatch { margin-bottom: 10px; }
*+html #lpacaFooter .footerCatch li {
	display: inline;
	zoom: 1;
}
*+html #lpacaFooter .footerInner td p { margin-top: 0; }

/*=====================================================
clearfix
=====================================================*/
#lpacaWrapper:after,
#mainColCamp #subCampBnr:after,
.sideBnrBox:after,
.tabs ul:after,
.tabSec .htSecInner:after,
.tabSec .htSecL:after,
.tabSec .htSecR:after,
.serviceSec .serviceSecInner:after,
.subBox:after,
.subUser .subLike .subLikeBox:after,
#fbLoginResult:after,
.subBnrInfo li:after,
#lpacaFooter .footerAbout:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#lpacaFooter .footerAbout { zoom: 1; }
#lpacaWrapper,
#mainColCamp #subCampBnr,
.sideBnrBox,
.tabs ul,
.tabSec .htSecInner,
.tabSec .htSecL,
.tabSec .htSecR,
.serviceSec .serviceSecInner,
.subBox,
.subUser .subLike .subLikeBox,
#fbLoginResult,
.subBnrInfo li,
#footer .footerAbout,
.clearfix { zoom: 1; }