@charset "shift_jis";

body {
	background-color: #fff;
	color: #333333;
	font-size: 90%;
	font-family: Arial, 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	box-sizing:border-box;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width:100%;}
	
ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, input {
	margin: 0px;
	padding: 0px;}

a{	
	color:#696969;
	text-decoration:none;}
a:visited{	
	color:#696969;
	text-decoration:none;}

img{border:0;}

hr{margin:0px;}

/* header */
#header{
	padding:10px 0px;}
.h-left{
	float:left;
	width:275px;
	height:40px;
	margin-bottom:5px;}
.h-right{
	float:right;
	width:45px;
	height:40px;
	margin-bottom:5px;}

.touroku{
	clear:both;
	width:300px;
	margin:5px auto;
}
.touroku a{
	font-size:20px;
	font-weight:bold;
	color: #ffffff;}
	
.header-info{
	margin-top:5px;}
.header-info a{
	color:#19448e;}
	
.search-box{
	zoom:150%;
	margin:5px 0px;
	padding:5px 0px;
	margin-bottom:0px;
	text-align:center;
	/*background-color:#dcdcdc;*/
}


/* content */
#main{
	text-align:left;}
h2{
	margin-bottom:5px;
	font-size:15px;}
.sub-title{
	padding-bottom:2px;
	width: 100%;
	margin-bottom:5px;
	border-bottom:2px solid #ff8a00;}

.box{
	/*margin-bottom:5px;*/
}
.box table{
	text-align:left;
}

.mini-box{
	clear:both;
	margin:3px 0px 10px;}
.mini-box table{
	margin:0 auto;}
.mini-box th{
	color: #223a70;
	padding:5px 5px;
	border:1px solid #f39800;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#f39800 95%,
		#dbdbdb 99%,
		#ededed);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.95, #f39800),
		color-stop(0.99, #dbdbdb),
		to(#ededed));}
.mini-box td{
	text-align:center;}
.mini-box img{}

.pickup-box{
	margin:0px 5px 0px;
	padding:5px;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	background-color:#f8fbf8;}


.pickup-box-top-left{
	padding:8px 5px;
	border:2px solid #e0e0e0;
	background-color:#f8fbf8;
	float:left;
	width:45%;
	margin-top:8px;}

.pickup-box-left{
	padding:8px 5px;
	border:2px solid #e0e0e0;
	border-top:0px;
	background-color:#f8fbf8;
	width:45%;
	float:left;}

.pick-up{
	width:320px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

.pickup-box-top a,.pickup-box a{
}
	
.music-title{
	font-size:16px;
	padding:2px 0px;
}

.music-more{
	width:320px;
	text-align:right;

}

.music-title a{
	font-weight:bold;
	color:#1937b4;}

.music-title2 a{
	font-weight:bold;
	color:#2d2d2d;}

.music-text{
	font-size:12px;
	color: #333333;}

.cat-single{
	font-size:10px;
	padding:2px 5px;
	color: #ffffff;
	background-color:#19448e;}

.pickup-icon{
	font-size:10px;
	padding:2px 5px;
	color: #ffffff;
	background-color:#ff1493;}
.rank1-icon{
	font-weight:bold;
	font-size:10px;
	padding:2px 5px;
	color: #ffffff;
	background-color:#ff8c00;}
.rank-icon{
	font-size:10px;
	padding:2px 5px;
	color: #ffffff;
	background-color:#383c3c;}
	
.search-list{
	margin:15px 5px 10px;}
.search-list ul{}
.search-list li{
	float:left;
	margin:0px 5px 8px 0px;
	list-style-type:none;}
.search-list li a{
	padding:1px 2px;
	border:1px solid #c0c0c0;
	background-color:#f5f5f5;}	
.list-title{
	font-weight:bold;
	margin-bottom:3px;}
	
/* footer */
#footer{
	text-align:left;}
#footer h2{}
.footer-back{
	background-color:#D7D7D7;
	color:#8F8F8F;
}
.footer-list{
	width:100%;}
.footer-list ul{
	margin-left:0px;}
.footer-list li{
	padding:10px 5px 10px;
	list-style-type:none;
	border-bottom:1px solid #c0c0c0;}
.footer-list li a{
	padding:3px 5px;}

.footer-info{
	padding:5px;
	text-align:left;
	border-top:2px solid #a9a9a9;
	border-bottom:2px solid #a9a9a9;}
.footer-info a{
	color:#19448e;}
	
.footer-chaku-r{
	padding:5px;
	text-align:left;
}	
.jasrac{
	text-align:center;}
.company{
	text-align:center;
	color:#ffffff;
	padding:5px 0px;
	background:#000000;}
	
/* button */
.search-button{
	margin:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px 14px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#f4f4f4 50%,
		#e8e8e8 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #f4f4f4),
		color-stop(0.50, #e8e8e8),
		to(#d6d6d6));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		0px 0px 1px rgba(153,153,153,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 1px rgba(153,153,153,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	box-shadow:
		0px 0px 1px rgba(153,153,153,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);}
		
.button-area{
	margin:3px 0px;
	text-align:right;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding:4px 10px 4px 0px;
	background-color:#808080;
	border-top:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;}
.button-area a{
	color:#ffffff;}


.buttonmini-gray {
	width:100px;
	text-align:center;
	margin:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #ffffff;
	padding: 7px 14px;
	background: -moz-linear-gradient(
		top,
		#d3d3d3 0%,
		#a9a9a9 2%,
		#808080 99%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d3d3d3),
		color-stop(0.2, #a9a9a9),
		color-stop(0.99, #808080),
		to(#d6d6d6));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #e8e8e8;}
	
.bar-gray {
	font-family: Arial, Helvetica, sans-serif;
	padding:7px 0px 2px 7px;
	background:#fb3b15;
	border-bottom:3px solid #42210b;
	color:#fff;
	font-weight:bold;
	 text-align:left;}

.list-gray-top {
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	padding:;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e8e8e8 95%,
		#dbdbdb 99%,
		#ededed);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.95, #e8e8e8),
		color-stop(0.99, #dbdbdb),
		to(#ededed));
	border-top: 1px solid #FF6600;
	border-bottom: 3px solid #9F9F9F;}
	
.list-gray {
	display: block;
	width:100%;
	padding:5px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	padding:;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e8e8e8 95%,
		#dbdbdb 99%,
		#ededed);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.95, #e8e8e8),
		color-stop(0.99, #dbdbdb),
		to(#ededed));
	border-bottom: 1px solid #a8a8a8;}

.list-gray-more {
	display: block;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	padding:;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e8e8e8 95%,
		#dbdbdb 99%,
		#ededed);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.95, #e8e8e8),
		color-stop(0.99, #dbdbdb),
		to(#ededed));
	border-bottom: 1px solid #a8a8a8;
	text-align:right;}	

.music_color{
	color:#0090c3;
}

/*header nav*/
ul,li   {  
    margin:0;  
    padding:0;  
    list-style: none;  
}  

.top-list{
display:inline;
}

.menu-list{
display:inline;
}

.red-bar{
	background-color:#42210b;
	height:10px;
	width:100%;
	clear:both;
	margin:0;
	border:0px;
}
.top-tab {
width:100%;
margin:auto
}

.top-tab li a div {
text-align:center;
padding-top:6px;
color:#fff;
float:left;
font-size:14px;
display: block;
height: 40px;
line-height:40px;
padding-bottom:3px;
}
.list-new{
width:24.5%;
margin-right:1px;
background:#fb3b15;
border-right: solid 1px #ffcac0;
}

.list-pick{
width:  24.5%;
margin-right:1px;
background:#fb3b15;
border-right: solid 1px #ffcac0;
}

.list-rank{
width:24.5%;
margin-right:1px;
background:#fb3b15;
border-right: solid 1px #ffcac0;
}

.list-sea{
width:24.5%;
background:#fb3b15;
}

.iphone{
margin-bottom:5px;
font-size:14px;
}