@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：LUNA SEA OFFICIAL STORE
作成日：2014.03.10
修正日：2014.03.10
ガイドライン：Ver.02
製作者：株式会社エムアップ
------------------------------*/


/* ------------------------------------
 * 標準スタイルのリセット
 * ------------------------------------ */
@import "reset.css";
@import "common.css";


/* ------------------------------------
 * 共通設定・デフォルト値の再定義
 * ------------------------------------ */

#content {
	padding-top:45px;
}

/* ------------------------------------
 * TOPIC PATH
 * ------------------------------------ */

#topicPath {
	position: relative;
	margin-bottom:10px;
}

#topicPath dt {
	float: left;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
}

#topicPath li {
	margin-right: 6px;
	display: block;
	float: left;
}

#topicPath li h2 {
	display: inline;
	float: left;
}

#topicPath li a {
	padding-right: 12px;
	display: block;
	float: left;
	text-decoration: none;
	background: url(../img/common/bgTopicPath.gif) right center no-repeat;
}

#topicPath li a:hover,
#topicPath li a:active {
	text-decoration: underline;
}


/* ------------------------------------
 * LIST NAVIGATION
 * ------------------------------------ */

.listNav {
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 10px;
	border-top: solid 1px #404040;
	zoom: 1;
}

.listNav:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

.listNav .paging {
	float: right;
	display: inline;
	width: 260px;
	line-height: 1.2;
	text-align: right;
}

.listNav .paging ul {
	margin-left: 15px;
	display: inline;
	float: right;
}

.listNav .paging ul li {
	padding: 0 10px;
	border-right: solid 1px #333;
	display: inline;
	float: right;
}
.listNav .paging li:first-child {
	padding: 0 0 0 10px;
	border-right: none;
}
.listNav .paging li.first-child { /*IE-expression (first-child) */
	padding: 0 0 0 10px;
	border-right: none;
}
.listNav .paging li { /* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}

.listNav .paging li a,
.listNav .paging li span {
	display: inline-block;
	line-height: 1.2;
}


/* ------------------------------------
 * ITEM LIST
 * ------------------------------------ */

.itemlist {
	overflow:hidden;
	width:980px;
	margin-bottom:50px;
	padding-bottom:35px;
	border-bottom:solid 1px #404040;
}

.itemlist h2 {
	display:block;
	height:44px;
	text-indent:-9999px;
}

#cd h2 { background: url(../img/search/title_cd.gif) no-repeat left top;}
#goods h2 { background: url(../img/search/title_goods.gif) no-repeat left top;}
#book h2 { background: url(../img/search/title_book.gif) no-repeat left top;}
#single h2 { background: url(../img/search/title_single.gif) no-repeat left top;}
#album h2 { background: url(../img/search/title_album.gif) no-repeat left top;}
#dvd h2 { background: url(../img/search/title_dvd.gif) no-repeat left top;}
#bluray h2 { background: url(../img/search/title_bluray.gif) no-repeat left top;}
#download h2 { background: url(../img/search/title_download.gif) no-repeat left top;}

.itemlist .list {
	overflow:hidden;
	width:990px;
	margin-left:-10px;
	zoom:1;
}

.itemlist .list li {
	position:relative;
	float:left;
	width:188px;
	margin-top:15px;
	margin-left:10px;
	_margin-left:8px;
	background-color:#ccc;
}

.itemlist .list li a {
	display:block;
	background-color:#1a1a1a;
}

.itemlist .list li a:hover {
	text-decoration:none;
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.itemlist .list li a img {
	max-width: 188px;
	width:expression(document.body.clientWidth > 190? "188px" : "auto");
}

.itemlist .list li a .itemText {
	padding:10px;
	border-top:solid 1px #232323;
	font-size:93%;
}

.itemlist .list li a span {
	display:block;
	color:#666666;
}

.itemlist .list li a span.title {
	margin-bottom:5px;
	color:#f1f1f1;
	font-size:110%;
	line-height:1.3;
}
.itemlist .list li a span.price {
	color:#ff1500;
}


/*--- clearfix ------------------*/

.itemlist .item:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}