@charset "UTF-8";

/*FOR RIDER SOUND WEB 2010.09.15*/
/*2017.12.22 update */

	body {margin: 0; padding:0; color:#fff; font-size:12px; background:url(../../images/footer_bg.gif) 0 0;}
	h1,h2,h3,h4,h5,ul,ol,li,p{padding:0;margin:0; font-size:12px;}
	ul,ol,li{list-style:none;}

/*--------------------------------------------------------------------------------------------------------------------------------
	1.Layout Element
--------------------------------------------------------------------------------------------------------------------------------*/

	#wrapper{width:100%; margin:0 auto; padding:0;  line-height:1.4; position:relative;background:#000;}
	#container{width:980px; margin:0 auto; padding:10px 0; }
	#container #mainCol{width:690px; float:left; padding:0; }
	#container #subCol{width:270px; float:left; padding:0 0 0 20px;}
	#container #mainph{width:674px; padding:8px; margin-bottom:12px; background:#fff; overflow:hidden;}
	#container #catalog{width:670px; padding:15px 10px; background:#1a1a1a;}
	#container #mainph ul{width:674px; height:/*340*/370px; overflow:hidden;}

	#wrapper #path{width:100%; background:#dcdcdc; font-size:10px; clear:both; height:10px;  padding:10px 0; border-bottom:solid 1px #000;}
	#wrapper #header{width:980px;height:120px; padding:5px 0;  margin:0 auto;}
	#wrapper #footer{width:100%; height:170px; background:url(../../images/footer_bg.gif) 0 0 ; clear:both; padding:15px 0; }	
	#footer #footerArea{width:980px; margin:0 auto; position:relative;}
	
	#wrapper h1#ttl{position:absolute; width:750px; height:172px; top:10px; left:0; z-index:11;}
	#wrapper #col1{position:absolute; width:295px; height:154px; top:193px; left:40px; z-index:11;}
	#wrapper #col2{position:absolute; width:354px; height:154px; top:193px; left:345px; z-index:11;}
	#wrapper #col3{position:absolute; width:663px; height:322px; top:358px; left:40px; z-index:11;}
	#col3 #cont{position:absolute; top:90px; left:93px; width:547px; height:210px;}


	#container a{color:#f4da00; text-decoration:none;}
	#container a:hover{color:#f4da00; text-decoration:underline;}

	p.copyright{width:100%; height:10px; padding:10px 0 15px 0; margin:0; background:#000; text-align:center;}
	a img{filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
	a:hover img{filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

/*--------------------------------------------------------------------------------------------------------------------------------
	2.Decolationd
--------------------------------------------------------------------------------------------------------------------------------*/

	.itemRounded{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-uu-border-radius: 5px;
	border:none;
	}

/*カタログエリア*/

	#catalog1{padding-top:10px;}	
	#catalog1  .jkt{width:204px; float:left; padding:5px 8px; text-align:center;}	
	#catalog1  .txt{width:424px; float:left; padding:5px 8px; font-family:Hervetica,Arial,Sans-Serif; line-height:2;}	
	#mainCol #catalog1 .excerpt{clear:both;}	
	#catalog1 p{line-height:1.5; padding:15px; clear:both;}
	#catalog1 p.label{padding:0 0 5px 0;}
	
	#catalog1  .jkt img{margin:0 auto 5px auto; padding:0 3px; display:inline;}
	#catalog1  .jkt img.jk{padding:1px; border:solid 1px #555; display:block; margin:0 auto 7px auto;}
	
	
	#catalog1 .txt h2{font-size:21px; font-family:Hervetica,Arial,Sans-Serif; letter-spacing:0.03em;}
	#catalog1 .txt .label{margin:0 0 3px 0; display:block;}
	#catalog1 .txt .artist{font-size:14px; display:block; padding:5px 0; }
	#catalog1 .txt .catalogNum{font-size:12px; display:block; padding:0 0 5px 0; }
	#catalog1 .txt .price{font-size:12px; display:block; padding:5px 0; }
	#catalog1 .txt .date{font-size:18px; display:block; padding:0 0 5px 0;  /*color:#f32a6c;*/ font-weight:bold;}	
	#catalog1 .txt .caps{font-size:11px; display:block; padding:15px 0; line-height:1.8;}
	#catalog1 .txt .caps a{color:#f4da00; text-decoration:none;}
	#catalog1 .txt .caps a:hover{color:#f4da00; text-decoration:underline;}
	
	#catalog1 h3.sttl{display:block; clear:both; padding:10px 0;}
	#catalog1 .ecbanner{padding:10px 0; clear:both; text-align:center;}	
	#catalog1 .ecbanner img{padding:3px; border:none;}
	#catalog1 .ecbanner a img{filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
	#catalog1 .ecbanner a:hover img{filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}


/*カタログリスト*/

	.catalog2{margin-bottom:10px; padding:0 0 5px 0;}
	.catalog2 h2{padding-top:0; display:block; clear:both; margin-bottom:5px; height:38px;}
	.catalog2 h2.ttls{padding-top:20px; margin-top:20px; clear:both;}

	
	.catalogList{width:208px; position:relative; padding:5px 7px; float:left;}
	.catalogArea{background:url(../../images/catalog02_bg.gif) 0 0 no-repeat; padding:30px 10px 0 10px; width:188px; line-height:1.5; font-size:11px; height:250px;}
	.catalogArea h3{display:block; font-size:12px; font-weight:normal; padding:8px 0;}
	
	.catalogArea img{padding:1px; border:solid 1px #555; margin:0 auto; display:block;}
	.catalogArea p.qrs{width:140px; padding:10px; text-align:center;}
	.catalogArea p.qrs img{display:inline;}

	.catalogFoot{width:208px; height:9px; margin:0; padding:0; overflow:hidden;}
	.catalogList .label{position:absolute; top:5px; right:15px;}
	.catalogList .arrow{position:absolute; bottom:6px; right:8px;}
	.catalogList a img{filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
	.catalogList a:hover img{filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

	.catalogList02{width:154px; position:relative; padding:5px 4px 5px 7px; float:left;}
	.catalogFoot02{width:154px; height:9px; margin:0; padding:0; overflow:hidden;}
	.catalogList02 .label{position:absolute; top:5px; right:15px;}
	.catalogList02 .catalogArea{background:url(../../images/catalog03_bg.gif) 0 0 no-repeat; padding:30px 10px 0 10px; width:134px; line-height:1.5; font-size:11px; height:180px;}
	.catalogList02 .catalogArea h3{display:block; font-size:12px; font-weight:normal; padding:7px 0;}
	
	#radio #catalog{background:#fff;}


/*収録曲追加*/
	div.more span{cursor:pointer; padding:5px 15px;}
	.morettl{color:#f4da00; text-decoration:underline; cursor:pointer; }
	div.includes a{padding-right:20px; background:url(../../images/icon_speaker.gif) right center no-repeat; color:#f4da00; text-decoration:none;}
	div.includes a:hover{text-decoration:underline;}
	div.more div.includes p{line-height:1.5; padding:5px;}
	div.inc p{line-height:1.5; font-size:12px;}	
	strong.ttl{color:#c21c1c; padding:0 0; margin:-5px 0 -10px 0; font-weight:bold; display:block;}
	
/*検索*/

	#searchArea{padding:10px; border:solid 1px #444; background:#212121; margin-bottom:15px;}
	#searchArea h3{display:block; padding-bottom:5px;}
	#searchArea input{vertical-align:middle;}
	#searchArea input.txt{border:dotted 1px #909090; background:#212121; color:#fff; font-size:12px; width:180px; padding:2px 0;}

	h1.search-results-header{font-size:18px;  display:block; padding:5px 0 15px 5px;}
	h2#page-title{display:block; padding:5px 0 15px 8px; }
	.hidden{display:none;}


	.content-nav{text-align:center;}

	#toTop{width:970px; margin:0 auto;  padding:10px 0; clear:both; text-align:right; font-size:12px;}
	
/*ライダーロゴ*/

	#riders{margin:10px 0;}
	#riders ul{}
	#riders ul li{width:129px; display:block; float:left; padding:5px 3px 2px 3px; font-size:10px; color:#fff; text-align:center;}
	#riders ul li img{display:block; padding-bottom:3px;}
	#riders ul li a{color:#fff;}
	#riders ul li a:hover{text-decoration:none;}

/*ぱんくず*/

	#path ul{width:980px; margin:0 auto;}
	#path ul li{display:block; float:left; font-size:11px; color:#444; padding:0 5px 0 15px; background:url(../../images/arrow.gif) 0 center no-repeat;}
	#path ul li.first{padding:0 5px 0 0; background:none;}
	#path ul li a{color:#369ace; text-decoration:none;}
	#path ul li a:hover{color:#3674ce; text-decoration:underline;}


/*バナーエリア*/

	#subCol .bnArea{}
	#subCol .bnArea img{display:block;}	
	#subCol .bnArea ul.bn{width:270px;}
	#subCol .bnArea ul.bn li{width:262px; padding:4px; background:url(../../images/bn_bg.gif) 0 0; display:block; margin-bottom:10px;}
	
	
	#subCol h3.subttl{margin:5px 0; position:relative; clear:both;}
	h3.subttl .btnArchive{position:absolute; top:13px; right:0;}

	#subCol .radioArea,#subCol .tagArea	{padding:5px 0 20px 0;}
	#subCol .radioArea ul li{display:block; padding:8px; border-bottom:dotted 1px #555; font-size:11px; line-height:1.5;}
	#subCol .radioArea ul li .date{display:block; width:6em; height:1.8em; float:left; font-family:Hervetica,Arial,Sans-Serif; }

	#subCol .tagArea p{width:250px;  padding:5px 8px; margin: 0 auto; line-height:1.5; }
	#subCol .tagArea span a{color:#fff;}
	#subCol .tagArea span a:hover{color:#f4da00;}
	#subCol .tagArea span{padding:0 6px 0 0;}
	#subCol .tagArea span.tags4{font-size:11px;}
	#subCol .tagArea span.tags3{font-size:12px;}
	#subCol .tagArea span.tags2{font-size:14px;}	
	#subCol .tagArea span.tags1{font-size:18px;}	
	
	
	#subCol #widgetArea{width:250px; height:386px; padding:10px; background:url(../../images/bg_widget.gif) 0 0 repeat;}	

/*フッターエリア*/

	#footerArea #footMenu01{position:absolute; width:300px; top:0; left:0;}
	#footerArea #footMenu02{position:absolute; width:150px; top:0; left:320px;}	
	#footerArea #footMenu03{position:absolute; width:400px; top:0; left:480px;}		
	#footerArea h4{display:block; padding-bottom:8px;}
	#footerArea ul {display:block; float:left;}
	#footerArea ul.w200 {display:block; float:left; width:240px;}

	#footerArea ul li{width:135px; padding:5px 0 4px 15px; font-size:11px; background:url(../../images/arrow_w.gif) 5px center no-repeat;}
	#footerArea ul.w200 li{width:220px;}
	#footerArea ul li a{color:#fff; text-decoration:none;}
	#footerArea ul li a:hover{color:#fff; text-decoration:none;}


/*ENTRY BODY*/
	.entryhead{padding:10px;}
	.entryhead .date{display:block; padding:0 0 5px 0;  font-family:Felvetica,Arial,San-Serif; color:#3792d4;}
	.entryhead h2.entrytitle{font-size:21px; color:#3792d4; border-bottom:dotted 1px #90d5fa;}

	.entrybody{padding:10px; margin: 0 0 25px 0; line-height:1.6; color:#444; /*border-bottom:dotted 1px #777;*/}
	.entrybody p{font-size:12px; padding:5px 0 10px 0; line-height:1.6;}	
	
	.entrybody p.archivePath{font-size:12px; padding:5px 0 10px 0; line-height:1.6; text-align:center; font-size:11px;}		
	.entrybody p.archivePath a{text-decoration:none;}
	.entrybody p.archivePath a:hover{text-decoration:underline;}		

/*NEWS*/

ul.newslist{margin:0 0 0 0;}
ul.newslist .close{background-position:0 0;}
ul.newslist .notlast,ul.newslist .last{height:1px; overflow:hidden; clear:both;}



ul.newslist {width: 100%; border-top:solid 1px #191919;}
ul.newslist li{margin:0; padding:0;  border-bottom:solid 1px #5e5f5f; border-top:none; text-decoration:none;}
ul.newslist li div ul {padding:0; margin:1px 0 -3px 0;}
ul.newslist li div{padding:12px 18px; /*background:#030000;*/ border-top:dotted 1px #333;}
ul.newslist li div.last{border:none; clear:both;}
ul.newslist li div p{line-height:1.5; font-size:11px; padding:5px 0;}
ul.newslist li div div{padding:0; font-size:11px; line-height:1.5; border:none;}
ul.newslist, ul.newslist li ul {margin: 0; padding: 0; list-style: none;}
ul.newslist li div p strong{color:#ff408d; font-size:12px; font-weight:bold;}
ul.newslist li div.img{display:block; clear:both; padding:5px 0;}
ul.newslist li div.img.left{display:block; float:left; padding:0 15px 10px 0; /*width:235px;*/}
ul.newslist li div.img.right{display:block; float:right; padding:0 0 10px 15px; /*width:235px;*/}

ul.newslist li div.img img{border:solid 5px #fff;}

.newslist h4{width:100%; text-indent:18px;/* height:35px;*2017.12.22 update */ line-height:35px; margin:0; padding:0; font-size:12px; display:block;   }
.newslist a h4{color:#fff; text-decoration:none;}
#container .newslist a:hover{color:#fff; text-decoration:none;}
.newslist a h4{background:url(../images/common_sp/acrd_on.png)  right center no-repeat; background-size:21px 12px; text-decoration:none; }
.newslist h4 span.date{font-size:12px; padding-right:10px;}
.newslist h4 span.newsTitle{}

.newslist a.close:hover{background:url(../images/common_sp/acrd_off.png) #030000 right center no-repeat; background-size:21px 12px; text-decoration:none;}
.newslist a.close h4{background:url(../images/common_sp/acrd_off.png) #030000 right center no-repeat; background-size:21px 12px; text-decoration:none;}
.newslist a h4{background:url(../images/common_sp/acrd_on.png) #1a1a1a right center no-repeat; background-size:21px 12px; text-decoration:none; }
.newslist a{ text-decoration:none;}


body#news .entryhead{padding:10px; border-bottom:double 3px #5e5f5f;}
body#news .entryhead span.date{font-size:10px; display:block; color:#fff; clear:both;}
body#news .entryhead h3{font-size:14px; display:block; color:#fff;}
body#news .entrybody{padding:10px; line-height:1.5; color:#fff;}
body#news .entrybody .img{display:block; clear:both;}
body#news .entrybody .img img{display:block; clear:both; margin:5px auto 10px auto; border:solid 2px #fff;}
body#news .entrybody strong{font-size:14px; color:#ff408d; font-weight:bold; padding:10px 0 5px 0; display:block;}
body#news .entrybody div.img2.left{display:block; float:left; padding:0 15px 10px 0; /*width:235px;*/}
body#news .entrybody div.img.right{display:block; float:right; padding:0 0 10px 15px; /*width:235px;*/}

.catalog2 h2.ttls{position:relative; width:670px; height:37px;}
.catalog2 h2.ttls span{position:absolute; top:32px; right:10px; z-index:20;}
.catalog2 h2.ttls span img{display:inline; padding:0 3px;}
.catalog2 h2.ttls span a{color:#f4da00; text-decoraion:none;}
.catalog2 h2.ttls span a{color:#fff; text-decoraion:none;}

.catalog2 h2.newsttl{position:relative; width:670px; height:37px;}
.catalog2 h2.newsttl span{position:absolute; top:12px; right:10px; z-index:20;}
.catalog2 h2.newsttl span a{color:#f4da00; text-decoraion:none;}
.catalog2 h2.newsttl span a{color:#fff; text-decoraion:none;}


/*--------------------------------------------------
	Float:Clear
---------------------------------------------------*/

/*floatの回り込み解除*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	line-height:0; 
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}