@charset "shift-jis";

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

global

Index:
	__1. common
	__2. hyper link set
	__3. layout
	__4. main column banner area
	__5. rounded corners section
	__6. tab
	__7. section inner
	__8. hot topics
	__9. recommend section
	__10. service banner
	__11. slide
	__12. stuff list
	__13. sub column
	__14. sub column bunner
	__15. sub column Feature
	__16. facebook login, comments
	__17. footer
	__18. clearfix
-------------------------------------------------------------- */


/*=====================================================
__1. common
=====================================================*/
body {
	background-color: #f5f5f5;
    font: normal normal 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #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; }

.ctr { text-align: center; }
.rgt { text-align: right; }

.pink { color: #cd4192; }

.imgTriR, .imgTriL {
	padding-bottom: 2px;
	vertical-align: middle;
}
.imgTriR { padding-left: 4px; }
.imgTriL { padding-right: 4px; }

.simpleTriList { margin-bottom: -6px; }
.simpleTriList li {
	margin-bottom: 6px;
	padding-left: 16px;
	background: url(/image70/EntertainmentMall2/img_triRight_pink.gif) no-repeat 2px 2px;
}
.simpleTriList li.side_none{ background: none; }
.loadingBox { display: none !important; }

/* LHE ORIGINAL ADD START */
.simpleTriList li.side_none{ background: none; }
/* LHE ORIGINAL ADD END */

/*=====================================================
__2. hyper link set
=====================================================*/
a { outline: none; }
a:link { text-decoration: none; color: #06c; }
a:visited { text-decoration: none; color: #06c; }
a:hover { text-decoration: underline; color: #06c; }
a:active { text-decoration: underline; color: #06c; }

/*=====================================================
__3. layout
=====================================================*/
#lpacaWrapper {
	width: 990px;
	margin: 0 auto;
}
#lpacaWrapper .mainCol {
	width: 670px;
	margin-bottom: 25px;
	float: left;
}
#lpacaWrapper .subCol {
	width: 300px;
	margin-bottom: 25px;
	float: right;
}


/*=====================================================
__4. main column banner area
=====================================================*/

#pullDownArea {
	min-height: 330px;
	padding-bottom: 8px;
}
#mainColCamp { margin-left: 170px; }
/* loop slide banner */
#mainColCamp .mainCampBnrFrame {
	height: 160px;
	margin-bottom: 12px;
	position: relative;
	overflow: hidden;
}
#mainColCamp .mainCampBnrFrame .slider {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#mainColCamp .mainCampBnrFrame .slider li {
	position: absolute;
	top: 0;
	left: -500px;
	z-index: 0;
}
#mainColCamp .mainCampBnrFrame .slider .mainCampBnr1st { left: 0; }
#mainColCamp .mainCampBnrFrame .slidePagination {
	width: 100%;
	background: url(/image70/bg_bnrSlide_pager.png);
	text-align: center;
	letter-spacing: -.5em;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
#mainColCamp .mainCampBnrFrame .slidePagination li {
	width: 23px;
	height: 20px;
	padding: 3px 5px 0;
	vertical-align: top;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#mainColCamp .mainCampBnrFrame .slidePagination li a {
	height: 15px;
	background: url(/image70/spr_bnrSlideDot.png) no-repeat 50% 0;
	font-size: 1px;
	text-indent: -9999em;
	display: block;
}
#mainColCamp .mainCampBnrFrame .slidePagination li a:hover { background-position: 50% -30px; }
#mainColCamp .mainCampBnrFrame .slidePagination .active a,
#mainColCamp .mainCampBnrFrame .slidePagination .active a:hover { background-position: 50% -15px; }
#mainColCamp #subCampBnr li {
	margin-right: 10px;
	font-size: 84.6%;
	text-align: center;
	float: left;
}
#mainColCamp #subCampBnr li p { margin-bottom: 4px; }
#mainColCamp #subCampBnr li.last { margin-right: 0; }
#searchWord {
	margin: 0 0 12px 170px;
	padding: 10px 12px 8px;
	background-color: #fff;
	border: 1px solid #7e7e7e;
}
#searchWord p {
	font-size: 92.3%;
	line-height: 1.6;
}
.sideBnrBox { margin-bottom: 20px; }
.sideBnrBox .sideBnr {
	margin-top: 4px;
	float: left;
}

/*=====================================================
__5. rounded corners section
=====================================================*/
.sideBnrRoundSec {
	width: 500px;
	height: 157px;
	/* background: url(/image70/EntertainmentMall2/bg_round_repeat_s.gif) repeat-y; */
	float: right;
}
.sideBnrRoundSec .sideBnrRoundSecBtm {
	height: 147px;
	padding-bottom: 10px;
	/* background: url(/image70/EntertainmentMall2/bg_round_btm_s.gif) no-repeat 0 100%; */
}
.sideBnrRoundSec .sideBnrRoundSecTop { background: url(/image70/EntertainmentMall2/bg_round_top_s.gif) no-repeat; }
.sideBnrRoundSec .sideBnrRoundSecHead {
	margin: 0 15px;
	padding: 4px 0 2px;
	font-weight: bold;
	border-bottom: 1px solid #a3a3a3;
}
.sideBnrRoundSec .sideBnrRoundSecInner { padding: 10px 15px 0; }
.sideBnrRoundSec .figure { float: right; }
.sideBnrRoundSec .roundText {
	margin-right: 176px;
	font-size: 92.3%;
}
.roundSec {
	width: 670px;
	margin-bottom: 15px;
	background: url(/image70/EntertainmentMall2/bg_round_repeat.gif) repeat-y;
}
.roundSec .roundSecBtm {
	padding-bottom: 6px;
	background: url(/image70/EntertainmentMall2/bg_round_btm.gif) no-repeat 0 100%;
}
.roundSec .roundSecHead {
	height: 21px;
	margin-bottom: 14px;
	padding: 4px 14px 0;
	background: url(/image70/EntertainmentMall2/bg_round_head.gif) no-repeat;
	font-weight: bold;
	color: #fff;
}
.roundSecListLink {
	height: 16px;
	margin: 0 14px;
	padding-top: 5px;
	font-size: 92.3%;
	text-align: right;
	border-top: 1px dotted #ccc;
}

/*=====================================================
__6. tab
=====================================================*/
.tabSec .roundSecHead { margin-bottom: 8px; }
.tabSec .tabs {
	margin: 0 14px;
	border-bottom: 1px solid #a3a3a3;
}
.rankingSec .tabs { margin: 0 20px; }
#hotTopics .tabs { margin: 0 11px 10px; }
.ticketSec .tabs { margin: 0 23px; }
.tabSec .tabs ul {
	height: 28px;
	/*margin-bottom: -1px;*/
}
.tabSec .tabs li {
	margin-right: -1px;
	float: left;
}
.tabSec .tabs li div {
	height: 28px;
	padding-left: 6px;
	background: url(/image70/EntertainmentMall2/bg_tab.gif) no-repeat 0 0;
}
.tabSec .tabs .ui-state-active div {
	height: 29px;
	background: url(/image70/EntertainmentMall2/bg_tab.gif) no-repeat 0 -28px;
}
.tabSec .tabs li p {
	height: 28px;
	padding-right: 6px;
	background: url(/image70/EntertainmentMall2/bg_tab.gif) no-repeat 100% 0;
	font-size: 92.3%;
	font-weight: bold;
}
.tabSec .tabs .ui-state-active p {
	height: 29px;
	background: url(/image70/EntertainmentMall2/bg_tab.gif) no-repeat 100% -28px;
}
.tabSec .tabs li a {
	height: 21px;
	padding: 7px 8px 0;
	display: block;
}
.tabSec .tabs li a:link, .tabSec .tabs li a:visited, .tabSec .tabs li a:hover, .tabSec .tabs li a:active {
	text-decoration: none;
	color: #333;
}
.tabSec .ui-tabs-hide { display: none; }

/*=====================================================
__7. section inner
=====================================================*/
.rankingInner { padding-top: 8px; }
.ticketInner { padding: 14px 0 4px; }
.historyInner { padding-bottom: 4px; }
.recommendInner { padding: 10px 0 6px; }

/*=====================================================
__8. hot topics
=====================================================*/
#hotTopics { margin-bottom: 20px }
#hotTopics .htSec { margin: 0 11px 2px; }
#hotTopics .htDescription {
	padding-bottom: 10px;
	font-size: 92.3%;
	border-bottom: 1px dotted #ccc;
}
#hotTopics .htSecBlock {
	margin-bottom: 8px;
	padding: 8px 0 16px;
	border-bottom: 1px dotted #ccc;
}
#hotTopics .htSecInner { background: url(/image70/EntertainmentMall2/bg_hotTopics_dot.gif) repeat-y 317px 0; }
#hotTopics .htSecL,
#hotTopics .htSecR { width: 309px; }
#hotTopics .htSecL { float: left; }
#hotTopics .htSecR { float: right; }
#hotTopics .htSecInner .figure { float: left; }
#hotTopics .htSecInner dl { margin-left: 80px; }
#hotTopics .htSecInner dt { margin-bottom: 4px; }
#hotTopics .htSecInner dd { font-size: 92.3%; }
#hotTopics .htListLink {
	margin-top: -2px;
	height: 15px;
	text-align: right;
}

/*=====================================================
__9. recommend section
=====================================================*/
.recommendSec .recommendHead {
	height: 19px;
	margin: 0 16px 8px;
	padding: 5px 14px 0;
	font-size: 107.7%;
	font-weight: bold;
	color: #006abb;
}
.recommendSec .recommendDescription {
	margin: 0 28px 6px;
	font-size: 92.3%;
}

/*=====================================================
__10. service banner
=====================================================*/
.serviceSec .serviceSecInner {
	padding: 6px 0 2px 24px;
}
.serviceSec .serviceSecInner li {
	margin: 0 7px 10px 0;
	float: left;
}

/*=====================================================
__11. slide
=====================================================*/
.slideSec {
	margin-left: 14px;
	position: relative;
}
.rankingSec .slideSec { margin-left: 20px; }
.ticketSec .slideSec { margin-left: 23px; }
.historySec .slideSec { margin-left: 21px; }
.recommendSec .slideSec { margin-left: 24px; }
.slideSec .slideFrame {
}
.slideSec .slideFrame:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.slideSec .slideFrame { zoom: 1; }
.slideSec .slideBox {
	/*width: 99999px;
	position: absolute;
	top: 0;
	left: 0;*/
}
.slideSec .slidePrev,
.slideSec .slideNext {
	height: 40px;
	margin-top: -20px;
	background-color: #ccc;
	position: absolute;
	top: 50%;
}
.slideSec .slidePrev { left: 0; }
.slideSec .slideNext { right: 0; }
.slideSec .slidePrev a,
.slideSec .slideNext a {
	height: 100%;
	display: block;
}

/*=====================================================
__12. stuff list
=====================================================*/
/*.stuffList { display: table; }*/
.stuffList li {
	width: 117px;
	padding: 0 14px 6px 0;
	float: left;
	position: relative;
}
.roundSec .stuffList li { width: 115px; }
.ticketSec .stuffList li { width: 114px; }
.historySec .stuffList li { width: 115px; }
.recommendSec .stuffList li { width: 114px; }
#lpacaWrapper .withoutBtn li { padding-bottom: 0; }
.stuffList .rankNum { margin-bottom: 6px; }
.stuffList .figure {
	margin-bottom: 10px;
	text-align: center;
}
.stuffList .figure img { height: 110px; }
/*.stuffList .figure img { width: 110px; }*/
.stuffList .stuffLabel {
	margin-bottom: 4px;
	font-size: 92.3%;
	font-weight: bold;
}
.stuffList .stuffLabel span {
	padding: 1px 3px;
	color: #fff;
}
.stuffList .stuffLabel .labelPink { background-color: #cf488c; }
.stuffList .stuffLabel .labelGreen { background-color: #81b91e; }
.stuffList .stuffLabel .labelOrange { background-color: #fb5906; }
.stuffList .stuffTitle {
	margin-bottom: 4px;
	font-size: 92.3%;
}
.stuffList .stuffTitle a:link,
.stuffList .stuffTitle a:visited,
.stuffList .stuffTitle a:hover,
.stuffList .stuffTitle a:active { text-decoration: underline; }
.stuffList .artistName {
	margin-bottom: 4px;
	font-size: 92.3%;
	text-align: right;
}
.stuffList .stuffOther {
	margin-bottom: 4px;
	font-size: 92.3%;
}
.stuffList .stuffNotice {
	position: absolute;
	top: -10px;
	right: 6px;
	z-index: 20;
}

/*=====================================================
__13. sub column
=====================================================*/
.subBox { margin-bottom: 15px; }
.subUser {
	padding: 5px;
	background-color: #d5d5d5;
}
.subUser .subUserHead {
	padding: 4px 8px;
	background: #9f9f9f url(/image70/EntertainmentMall2/bg_grad_gray.gif) repeat-x 0 100%;
	font-weight: bold;
	color: #fff;
}
.subUser .subAccount {
	margin-bottom: 5px;
	padding: 10px;
	background-color: #fff;
	font-size: 92.3%;
}
.subUser .pontaBox {
	width: 133px;
	padding-right: 12px;
	float: right;
}
.subUser .pontaBox dl {
	width: 133px;
	height: 57px;
	margin-bottom: 5px;
	background: url(/image70/E/EntertainmentMall2/bg_pontaPoint.gif) no-repeat;
}
.subUser .pointDisp dl {
	width: 133px;
	height: 57px;
	margin-bottom: 5px;
	background: url(/image70/E/EntertainmentMall2/bg_pontaPoint2.gif) no-repeat;
}
.subUser .pontaBox dt {
	height: 28px;
	font-size: 1px;
	text-indent: -9999em;
}
.subUser .pontaBox dd {
	padding: 0 8px;
	font-size: 116.7%;
	text-align: right;
	color: #000;
}
.subUser #accountPoint {
	/*width: 132px;
	float: left;*/
}
.subUser .subAccount dt { margin-bottom: 4px; }
.subUser .subAccountPoint {
	margin-bottom: 4px;
	float: left;
}
.subUser .subAccountBtn {
	margin: -6px 0 4px;
	padding-right: 6px;
	float: right;
}
.subUser .subAccountOrder { clear: both; }
.subUser .subLike {
	margin-bottom: 5px;
	padding: 10px 10px 6px;
	background-color: #fff;
}
.subUser .subLikeHead {
	margin-bottom: 6px;
	font-size: 92.3%;
	font-weight: bold;
}
.subUser .subLike .subLikeBox {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.subUser .subLike .figure {
	width: 70px;
	margin-bottom: 10px;
	float: left;
}
.subUser .subLike .figure img { width: 100%; }
.subUser .subLike dl {
	margin: 0 0 8px 80px;
	font-size: 92.3%;
}
.subUser .subLike dt {
	margin-bottom: 2px;
	font-weight: bold;
}
.subUser .subLikeName { margin-bottom: 8px; }
.subUser .subLikePrice {
	margin-bottom: 2px;
	text-align: right;
}
.subUser .subLikeCampPrice { color: #cd4192; }
.subUser .subLikeListLink {
	margin-top: -5px;
	font-size: 92.3%;
	text-align: right;
}
.subUser .subHistory { background-color: #fff; }
.subUser .subHistoryHead {
	padding: 6px 14px;
	background: #fff url(/image70/EntertainmentMall2/bg_grad_lightGray.gif) repeat-x 0 100%;
	font-size: 92.3%;
	font-weight: bold;
}
.subUser .subHistoryBox {
	padding: 8px 12px;
	background-color: #fff;
	border-bottom: 1px solid #d5d5d5;
}
.subUser .subHistoryBoxLast {
	padding: 8px 12px;
	background-color: #fff;
	border-bottom: none;
}
.subFb { background-color: #fff; }

/*=====================================================
__14. sub column bunner
=====================================================*/
.subBnrLv2 { margin-bottom: -5px; }
.subBnrLv2 li { margin-bottom: 5px; }

/*=====================================================
__15. sub column Feature
=====================================================*/
.subFeatureHead {
	padding: 4px 8px;
	background: #9f9f9f url(/image70/EntertainmentMall2/bg_grad_gray.gif) repeat-x 0 100%;
	font-weight: bold;
	color: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
}
.subFeature {
	padding: 12px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
}
.subBnrInfo { margin-bottom: -10px; }
.subBnrInfo li {
	margin-bottom: 10px;
	font-size: 92.3%;
}
.subBnrInfo .figure {
	margin-right: 5px;
	float: left;
}
.subBnrInfo .subBnrInfoTitle {
	margin-bottom: 2px;
	font-weight: bold;
}

/*=====================================================
__16. facebook login, comments
=====================================================*/
.subColFbBox { border: 1px solid #7e7e7e; }
.subColFbBox h3 {
	padding: 4px 10px;
	background-color: #eceff5;
	font-weight: bold;
	line-height: 19px;
	color: #506da5;
}
.subColFbBox #fbLoginResult {
	padding: 10px;
	font-size: 92.3%;
}
.subColFbBox #fbLoginResult #fbLoginWrap { padding-bottom: 10px; }
.subColFbBox  #fbComment {
	height: 116px;
	overflow: hidden;
}
#fbLogin { cursor: pointer; }
#fbFigure { float: left; }
#fbLoginResult dl { margin-left: 60px; }
#fbLoginResult dt {
	margin-bottom: 6px;
	font-weight: bold;
}
#fbLoginResult dd { margin-bottom: 4px; }
#fbPullDown {
	float: left;
	position: relative;
}
#fbPullDownTri {
	width: 20px;
	height: 12px;
	margin-top: -1px;
	padding-top: 2px;
	border: 1px solid #fff;
	display: block;
	position: relative;
	z-index: 10;
	cursor: pointer;
}
#fbPullDown:hover #fbPullDownTri {
	border: 1px solid #999;
	border-bottom: 1px solid #fff;
}
#fbPullDownBox {
	width: 110px;
	padding: 5px 10px;
	background-color: #fff;
	font-size: 92.3%;
	border: 1px solid #999;
	-o-border-radius: 0 3px 3px 3px;
	-ms-border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	-webkit-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 3px 3px;
	display: none;
	position: absolute;
	top: 14px;
	left: 0;
	z-index: 5;
}
#fbPullDown:hover #fbPullDownBox { display: block; }
#fbSwitch {
	margin-right: 10px;
	float: left;
}
#fbTextArea {
	text-align: right;
	display: none;
	clear: both;
}
#fbTextArea textarea {
	height: 50px;
	margin-bottom: 4px;
}

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

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

/*=====================================================
__18. 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,
#footer .footerAbout:after,
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#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; }