@charset "EUC-JP";

/*
特集
--------------------------------*/
/* おすすめコレクション用cssファイル */

h1.contents_title{
	border-bottom: 2px solid #888888;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1;
	padding: 10px 20px;
	background: -webkit-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	background: -o-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	background: linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
	-pie-background: linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
}

#featureBnr{
	margin:0 20px 40px;
}

#featureBnr ul{
	margin-top:10px;
	padding:5px;
	background:#efefef;
	overflow: hidden;
}

#featureBnr li{
	clear: left;
	display:block;
	float:left;
	width:50%;
}

#featureBnr li:nth-child(2n) {
	float: right;
	clear: none;
}

#featureBnr li a{
	display:block;
	margin:5px;
}

#featureWrapper{
	display:table;
	margin:20px;
}

#featureWrapper .featureBoxOuter{
	display:table-row;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}

.featureBox{
	display:table-cell;
	width:49%;
	height:100%;
	border:1px solid #ccc;
	border-radius:8px;
	padding:10px;
}

.featureBoxSpace{
	display:table-cell;
	width:2%;
	overflow:hidden;
}

.featureListImage{
	display:block;
	float:left;
	width:120px;
}

.featureListText{
	margin-left:130px;
}

.featureListText h2 a{
	display:block;
	background:#efefef;
	padding:3px 5px;
	font-size:16px;
	line-height:1.5em;
	font-family:sans-serif;
}

.featureDescription{
	margin:10px 0;
	font-size:12px;
	line-height:1.5em;
}

.boxSpace{
	height:20px;
}
/* 詳細画面用 */
#featureDetail{
	width:813px;
	margin:0 auto;
	background:#bfbfbf;
	padding:10px;
}

#topImage{}

#featureDetail h1{
	padding:5px 8px;
	background:#404040;
	color:#fff;
	font-size:24px;
	line-height:1.5em;
}

#featureDesc{
	padding:10px;
	font-size:12px;
	line-height:1.5em;
	background:#fff;
	color:#000;
}

#featureDetail dl{
	margin:20px 0;
	background:#7f7f7f;
}

#featureDetail dt{
	display:block;
	float:left;
	width:200px;
	padding:10px 0;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	font-family:sans-serif;
	line-height:1.5em;
	text-align:center;
}

#featureDetail dd{
	margin-left:200px;
	background:#fff;
}

#featureDetail dd ul{
	padding:10px 10px 5px;
}

#featureDetail dd li{
	padding-bottom:5px;
	font-size:12px;
	line-height:1.5em;
}

#featureDetail .section{
	margin:20px 0;
	border-radius:8px;
	padding:10px;
	background:#7f7f7f;
}
#featureDetail h2{
	padding:5px 8px;
	color:#fff;
	font-size:16px;
	line-height:1.5em;
}

.itemDescription{
	margin-bottom:20px;
	padding:5px;
	font-size:12px;
	line-height:1.5em;
	background:#fff;
}

/* S-LIST */
ul.sList{
	margin:20px 0 10px;
}

ul.sList li{
	display:block;
	margin-bottom:10px;
	border-radius:8px;
	padding:10px;
	background:#fff;
}

.sListLeft .sListImageBox{
	width:250px;
	float:left;
}

.sListLeft .sListTextBox{
	margin-left:260px;
}


.sListRight .sListImageBox{
	width:250px;
	float:right;
}

.sListRight .sListTextBox{
	margin-right:260px;
}

.sListLeft .sListImageBox.middle{
	width:190px;
	text-align:center;
}

.sListLeft .sListTextBox.middle{
	margin-left:200px;
}


.sListRight .sListImageBox.middle{
	width:190px;
	text-align:center;
}

.sListRight .sListTextBox.middle{
	margin-right:200px;
}

.sListLeft .sListImageBox.small{
	width:130px;
	text-align:center;
}

.sListLeft .sListTextBox.small{
	margin-left:140px;
}


.sListRight .sListImageBox.small{
	width:130px;
	text-align:center;
}

.sListRight .sListTextBox.small{
	margin-right:140px;
}

.sListImageBox a{
	display:block;
	margin:0 auto 5px;
}

.sListCaption{
	padding:3px 5px;
	background:#404040;
	color:#fff;
	font-size:12px;
	line-height:1.5em;
	font-family:sans-serif;

}

.sListTextBox .titleBox{
	overflow:hidden;
	margin:5px 0;
	border-bottom:1px solid #595959;
	font-size:16px;
	line-height:1.5em;
	font-family:sans-serif;
}

.sListTextBox .titleLeft{
	float:left;
}

.sListTextBox .titleRight{
	margin-top: 5px;
	margin-left: 2px;
	float:right;
	font-size:12px;
	line-height:1.5em;
	text-align:right;
}

.sListTextBox .titleDate{
	margin-left: 2px;
	float:right;
	font-size:12px;
    line-height: 21px;
	text-align:right;
	height: 21px;
}

.sListTextBox h3{
	display:inline-block;
	font-size: 1.17em;
	vertical-align: top;
}

.sListTextBox h3 a{
	color:#595959;
	text-decoration:none;
}

.sListTextBox .iconList{
	vertical-align: top;
	display:inline-block;
	margin-left:10px;
	font-size:12px;
	line-height:1.5em;
}

.sListTextBox .iconList span{
	vertical-align: top;
}

.sListTextBox .yearLink{
	margin:5px 0;
	font-size:12px;
	line-height:1.5em;
	text-align:right;
}

.sListTextBox strong{
	display:block;
	font-size:12px;
	line-height:1.5em;
	font-family:sans-serif;
}

.freeText{
	margin-top:10px;
	padding:5px;
	font-size:12px;
	line-height:1.5em;
	background:#d9d9d9;
}

.freeText strong{
	color:#595959;
}

/* A-LIST */
#normalWrapper{
	margin:10px 0;
}

#normalWrapper li{
	display:block;
	margin-bottom:10px;
	border-radius:8px;
	padding:10px;
	background:#fff;
}

#normalWrapper .titleSection{
	padding:5px;
	margin-bottom:10px;
	font-size:12px;
	line-height:1.5em;
	background:#d9d9d9;
}

#normalWrapper .title{
	display:inline-block;
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;
	font-family:sans-serif;
	color:#595959;
	vertical-align: top;
}

#normalWrapper .iconList{
	padding-left:2px;
}

#normalWrapper .iconList img{
	vertical-align:middle;
	margin:0 1px;
}

#normalWrapper .listDate{
	float:right;
	margin-left: 2px;
	text-align:right;
	line-height: 21px;
	height: 21px;
}

#normalWrapper .listName:not(.clearfix){
	float: left;
}

#normalWrapper .listName span{
	font-size: 1.2em;
	vertical-align:top;
}

#normalWrapper .listName .iconList{
	vertical-align:top;
	display:inline-block;
	margin-left:10px;
	font-size:12px;
	line-height:1.5em;
}

.normalImageBox{
	width:120px;
	float:left;
}

.normalImageBox a{
	display:block;
	margin:0 auto;
}

.normalImageBox .icon{
	margin:5px 0;
}

.normalTextBox{
	margin-left:130px;
	font-size:12px;
	line-height:1.5em;
}

.t5{
	margin-top:5px;
}

/* B-LIST */
#imageBoxWrapper{
	display:block !important;
	margin:20px 0;
	border-radius:8px;
	padding:10px;
	background:#fff;
}

#imageBoxWrapper li{
	display:block;
	float:left;
	width:20%;
	overflow:hidden;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}

.imageBoxData{
	height:174px;
	overflow:hidden;
}

.imageBoxDataCD{
	height:125px;
	overflow:hidden;
}

.titleText{
	height:36px;
	margin:5px auto;
	padding:0 8px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	overflow:hidden;
}

.artistText{
	height:41px;
	margin:0 8px 8px;
	border-top:1px dotted #ccc;
	padding-top:5px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	overflow:hidden;
}

.imageBoxStatus{
	margin-top:5px;
}

.imageBoxMyList{
	margin-top:5px;
}

/* theme1 */
.featureTheme1#featureDetail{
	background:#bfbfbf;
}

.featureTheme1#featureDetail h1{
	background:#404040;
	color:#fff;
}

.featureTheme1#featureDetail dl{
	background:#7f7f7f;
}

.featureTheme1#featureDetail .section{
	background:#7f7f7f;
}
.featureTheme1#featureDetail h2{
	color:#fff;
}

.featureTheme1 .sListCaption{
	background:#404040;
}

.featureTheme1 .sListTextBox .titleBox{
	border-bottom:1px solid #595959;
}

.featureTheme1 .sListTextBox h3 a{
	color:#595959;
}

.featureTheme1 .freeText{
	background:#d9d9d9;
}

.featureTheme1 .freeText strong{
	color:#595959;
}

.featureTheme1 #normalWrapper .titleSection{
	background:#d9d9d9;
}

.featureTheme1 #normalWrapper .title{
	color:#595959;
}

/* theme2 */
.featureTheme2#featureDetail{
	background:#369;
}

.featureTheme2#featureDetail h1{
	background:#aac8e3;
	color:#0e3e6c;
}

.featureTheme2#featureDetail dl{
	background:#aac8e3;
}

.featureTheme2#featureDetail .section{
	background:#aac8e3;
}
.featureTheme2#featureDetail h2{
	color:#0e3e6c;
}

.featureTheme2 .sListCaption{
	background:#369;
}

.featureTheme2 .sListTextBox .titleBox{
	border-bottom:1px solid #369;
}

.featureTheme2 .sListTextBox h3 a{
	color:#369;
}

.featureTheme2 .freeText{
	background:#d6e7f6;
	color:#000;
}

.featureTheme2 .freeText strong{
	color:#369;
}

.featureTheme2 #normalWrapper .titleSection{
	background:#d6e7f6;
}

.featureTheme2 #normalWrapper .title{
	color:#369;
}

/* theme3 */
.featureTheme3#featureDetail{
	background:#fc0;
}

.featureTheme3#featureDetail h1{
	background:#b22222;
	color:#fff;
}

.featureTheme3#featureDetail dl{
	background:#e69117;
}

.featureTheme3#featureDetail .section{
	background:#e69117;
}
.featureTheme3#featureDetail h2{
	color:#fff;
}

.featureTheme3 .sListCaption{
	background:#b22222;
}

.featureTheme3 .sListTextBox .titleBox{
	border-bottom:1px solid #b22222;
}

.featureTheme3 .sListTextBox h3 a{
	color:#b22222;
}

.featureTheme3 .freeText{
	background:#ffeded;
	color:#000;
}

.featureTheme3 .freeText strong{
	color:#b22222;
}

.featureTheme3 #normalWrapper .titleSection{
	background:#ffeded;
}

.featureTheme3 #normalWrapper .title{
	color:#b22222;
}

.toTop{
	padding:0 10px;
	text-align:right;
}

.toTop a{
	color:#fff;
}

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

.icon{
	margin-bottom:5px;
	text-align:center;
}

/* detail Bnr */

#featueBnr{
	border-radius:8px;
	padding:10px;
	background:#fff;
}

.featureTheme1#featureDetail #featueBnr h1{
	font-size:16px;
	background:#fff;
	color:#404040;
}

.featureTheme2#featureDetail #featueBnr h1{
	font-size:16px;
	background:#fff;
	color:#0e3e6c;
}

.featureTheme3#featureDetail #featueBnr h1{
	font-size:16px;
	background:#fff;
	color:#b22222;
}

#featueBnr li{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:0 5px;
}

a#backListBtn{
	display: block;
	width: 300px;
	height: 40px;
	margin: 20px auto;
	border-radius: 8px;
	border:2px solid #9b5d00;
	background-color: #ff9900;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	color: #000;
	font-family: sans-serif;
	text-decoration: none;
}
a#backListBtn:hover{
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
}
#featueBnr .toTop a{
	color:#0068b7;
}