@charset "utf-8";
/* CSS Document */
#titleDisplay {
	display:inline-block;
	height:39px;
	line-height:39px;
	padding-left:10px;
	padding-right:10px;
	float: left;
	background:#e3e7ea;
	color:#444546;

	width:226px;
	overflow:hidden;
	text-overflow:ellipsis;

	border-radius:5px 0px 0px 5px;
	behavior: url(/common/css/PIE.htc);
}


#mainContentsBody {
	position:relative;
	overflow:hidden;
}


#discoWrapper {
	width:880px;
	margin:0px auto;

}

#discoWrapper .leftArea {
	width:594px;
	border-right:1px solid #e5e5e5;
	float:left;
	padding-top:20px;
	padding-bottom:40px;


}

#discoWrapper .rightArea {
	float:left;
	width:285px;
	padding-top:20px;
	padding-bottom:40px;
}

#discoItem {
	position:relative;
	padding-left:247px;
	min-height: 193px;

	line-height:1.4em;
	padding-bottom: 39px;
}

#discoItem .itemJacket {
	position:absolute;
	left:0px;
	top:0px;
	padding:5px;
	border:1px solid #e3e5e2;

	width:220px;
	height:220px;
}

#discoItem .itemJacket .jacketArea {
	width:220px;
	height:220px;
	background:#f7f7f8;
	position:relative;
}

#discoItem .itemName {
	color:#25282a;
	font-size:18px;

	width:330px;
	line-height: 1.2em;
}

#discoItem .itemDate {
	margin-top: 7px;
	height:25px;
	line-height:25px;
}

#discoItem .itemDate img {
	padding: 0;
	margin: 0;
	margin-left:5px;
	vertical-align: middle;
    display: inline;
}

#discoItem .itemDate, #discoItem .itemType, #discoItem .itemPrice, #discoItem .itemID {
	color:#636669;
	font-size:12px;
}

#discoItem .itemCatch {
	color:#444546;
	font-size:12px;
	margin-top:15px;
	padding-right: 34px;
}

#discoItem .itemCatch a {
	color: #0F5EB7;
	text-decoration: underline;
}

#discoItem .itemShop {
	display: inline-block;
	padding: 10px;
	padding-left: 14px;
	margin-top: 18px;
	cursor: pointer;
	background: #FF003C;
	color: white;
	font-size: 12px;
	position: absolute;
	left:247px;
	bottom:0px;
	zoom: 1;

	padding-right:30px;
}

#discoItem .itemShop .listArrow {
	color: #353C35;
	position:absolute;
	right:10px;
	line-height:1em;
}


/* sample */
#discoSample {
	margin-top:20px;
}

#samplePlayer {
	margin-top:10px;
  vertical-align: top;
}

h3 {
	font-weight:100;
	color:#25282a;
}

.discIndex {
	font-size:12px;
	color:#636669;
	margin-top:15px;
}

.discSongList {
	width:560px;
	margin-top:10px;
}

.discSongList li {
	color:#444546;
	position:relative;
	padding:5px 0px;
	padding-left:10px;

}

.discSongList li.even {
	background:#efefef;
}

.discSongList li.odd {
	background:#fff;
}


.discSongList li .songDescription {
	font-size:10px;
	text-indent:1.5em;
	margin-top:3px;
}

.discSongList li .sampleSong {
	width:14px;
	height:11px;
	position:absolute;
	right:36px;
	top:50%;
	margin-top:-5px;
}

.discSongList li .sampleMovie {
	width:14px;
	height:11px;
	position:absolute;
	right:11px;
	top:50%;
	margin-top:-5px;
}

.discSongList li.hasSample {
	cursor:pointer;
}

.discSongList li.active .sampleSong, .discSongList li.current .sampleSong {
	background:url(/common/image/aip/discography/icon_sound_white.gif);
}

.discSongList li.active .sampleMovie, .discSongList li.current .sampleMovie {
	background:url(/common/image/aip/discography/icon_movie_white.gif);
}

.discSongList li.current {
	color:#fff !important;
	background:#cecece !important;
}

#discoDescription {
	width:560px;
	margin-top:30px;
	color:#636566;
	line-height:1.7em;
}


/* rightArea	*/
#pvArea {
	padding-left:10px;
	padding-bottom:17px;
	border-bottom:1px solid #e7e7e7;
}

#pvArea #pvThumbNails {
	margin-top:5px;
	position:relative;

  -webkit-transition: opacity .7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity .7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#pvArea #pvThumbNails::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background: url(/common/artistsite/img/icon_player-disco.png);
  -webkit-transform: -webkit-translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

#pvArea #pvThumbNails:hover {
  opacity: 0.5;

  -webkit-transition: opacity .7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: opacity .7s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#relatedDiscArea {
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e7e7e7;
}

#relatedDiscArea h3 {
	margin-left:10px;
}

#relatedDiscList li {
	position:relative;
	background:#fff;

	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#relatedDiscList li .listArrow {
	right:5px;
}

#relatedDiscList li dl {
	position:relative;
	min-height:90px;
	padding-left:90px;
	padding-top:5px;
	width:160px;

	line-height:1.25em;
}

#relatedDiscList li dl .itemJacket {
	position:absolute;
	left:0px;
	top:5px;
}

#relatedDiscList li dl .itemName {
	color:#636669;
	font-size:12px;
}

#relatedDiscList li dl .itemDate {
	color:#858a8e;
	font-size:11px;
}

#relatedDiscList li dl .itemPrice {
	color:#858a8e;
	font-size:11px;
}

#relatedDiscList li dl .itemCatch {
	color:#858a8e;
	font-size:11px;
}


#relatedInfoList {
	border-top:1px solid #f7f7f7;
	margin-top:10px;

}

#relatedInfoList h3 {
	margin-left:10px;
}

#relatedInfoList li {
	height:42px;
	line-height:42px;
	color:#444546;
	border-bottom:1px solid #f7f7f7;
	position:relative;
	background:#fff;
	padding-left:10px;
}

#relatedInfoList li .listArrow {
	right:5px;
}

#relatedInfoArea {
	margin-top:10px;
	width:560px;
}

#relatedInfoArea h3 {
	padding-left:10px;
}



.listArrow {
	font-size:10px;
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-5px;
	color:#b4b4b4;

	line-height:normal;
}


/* store */
#storeWrapper {
	width:320px;
	height:100%;
	background:#e5e5e5;

	position:absolute;
	right:-320px;
	top:41px;
}

#storeCaption {
	height:50px;
	line-height:50px;
	color:#fff;
	background:#686868;
	padding-left:20px;
	position:relative;
}

#storeCaption h3 {
	color:#fff;
}

#storeClose {
	position:absolute;
	right:20px;
	top:0px;
	font-size:20px;
	cursor:pointer;
}

#storeClose:hover {
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
}

#storeBody {
	padding:0px 20px;
}

#storeBody h3 {
	font-size:14px;
	color:#25282a;
	margin-top:20px;
}

.storeBtn {
	color:#ffffff;
	cursor:pointer;
	position:relative;
	height:37px;
	line-height:37px;
	background:#ff003c;
	text-align:center;

	margin-top:5px;
}


.storeBtn .listArrow {
	color:#383c3d;
	display:inline-block;
	position:absolute;
	right:10px;
	top:50%;
	font-size:10px;
	margin-top:-5px;
	line-height:1em;
}

.btnRecoChoku {
	margin-top:6px;
}

#storeMobile {
	margin-top:5px;
	border-top:1px solid #fff;
}

#storeMobile li {
	border-bottom:1px solid #fff;
	padding:10px 0px;

	min-height:80px;
	position:relative;
}

.storeQr {
	position:absolute;
	right:0px;
	top:10px;
}

.storeSend {
	position:absolute;
	bottom:10px;
	left:0px;

	font-size:12px;
	color:#757575;
}


#storeBalloon {
	color:#fff;
	font-size:20px;
	position:absolute;
	top:50%;
	left:0px;
	margin-left:-10px;
	margin-top:-10px;
}


/* app */
#sampleNavi {
	position: absolute;
	bottom: 15px;
	left: 50%;
}

#sampleNavi li {
	width: 10px;
	height: 10px;
	background: url(../image/aip/top/navigation_disc.png);
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	margin-left: 2px;
}

#sampleNavi li:hover {
	background-position: -10px;
}

#sampleNavi li.active {
	background-position: -10px;
	cursor: default;
}

#appSample {
	background:#f4f4f4;
	height:437px;
	width:575px;
	overflow:hidden;
	position:relative;
	margin-top:10px;
}

#sampleThumb {
	margin-top:35px;
	margin-left:187px;
	position:relative;
}


#sampleThumb li {
	opacity:0.6;
	-moz-opacity:0.6;
	filter: alpha(opacity=60);
}

#sampleThumb li.active {
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
}

#btnAppPrev {
	background: black;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
	position: absolute;
	left: -70px;
	top: 0px;
	cursor: pointer;
	width: 70px;
	height: 417px;
}

#btnAppPrev img, #btnAppNext img {
	position: absolute;
	left: 19px;
	top: 182px;
}

#btnAppNext {
	background: black;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
	position: absolute;
	right: -70px;
	top: 0px;
	cursor: pointer;
	width: 70px;
	height: 417px;
}

#samplePlayer .lmark {
	margin-top: 10px;
	text-align: right;
	width: 560px;
}

.SmojMoviePlayer {
display: inline-block;
}