@charset "UTF-8";



@media only screen and (max-width: 480px) {


/*======================================

	h2
	
========================================*/



h3{
	font-weight: 400;
	font-size:20px;
	line-height: 22px;
	padding:4px 0 6px 12px;
	border-left:6px solid #333;
	margin: 30px 0 25px 0;
}



table#outline{
	width:100%;
	border-collapse: collapse;
	margin: 0 0 0px 0;
	font-size: 13px;
	line-height: 30px;
	font-weight: 300;
}
table#outline th{
	width:190px;
	text-align: right;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-weight: 600;
	color:#333;
}
table#outline td{
	width:600px;
	text-align: left;
	vertical-align: top;
	padding: 8px 8px 8px 8px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}





/* table
----------------------------------------------- */
table#tokusho{
	width: 100%;
border-collapse: collapse;
line-height:20px;
margin: 4px 0 4px 0 ;
font-weight: 400;
} 
table#tokusho th{
border: 1px solid #ccc;
padding: 8px 5px 8px 5px;
background: #eee ;
text-align:left;
	font-size:13px;
}
table#tokusho td{
border: 1px solid #ccc;
padding: 8px 5px 8px 5px;
font-size:12px;
font-weight: 300;
}
table#tokusho td.title{
	width:90px;
	font-size:12px;
}
table#tokusho td.artist{
	width:90px;
	font-size:12px;
}
table#tokusho td.price{
	width:80px;
	font-size:11px;
	text-align: center;
}




}/*//end  max-width: 480px ///////////////////////*/











@media only screen and (min-width: 481px) {


/*======================================

	h2
	
========================================*/


h3{
	font-weight: 400;
	font-size:20px;
	line-height: 22px;
	padding:4px 0 6px 12px;
	border-left:6px solid #333;
	margin: 40px 0 25px 0;
}

h4{
	font-weight: 400;
	font-size:18px;
	line-height: 22px;
	padding:4px 0 10px 12px;
	border-bottom:1px solid #333;
	margin: 20px 0 12px 0;
	}

h5{
	font-weight: 500;
	font-size:16px;
	line-height: 22px;
	padding:0;
	margin: 18px 0 0px 0;
}

table#outline{
	width:100%;
	border-collapse: collapse;
	margin: 0 0 0px 0;
	font-size: 15px;
	line-height: 30px;
	font-weight: 300;
}
table#outline th{
	width:190px;
	text-align: right;
	vertical-align: top;
	padding: 12px 30px 12px 0px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-weight: 600;
	color:#333;
}
table#outline td{
	width:600px;
	text-align: left;
	vertical-align: top;
	padding: 12px 20px 12px 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}



/* table
----------------------------------------------- */
table#tokusho{
	width: 100%;
border-collapse: collapse;
line-height:20px;
margin: 4px 0 4px 0 ;
font-weight: 400;
} 
table#tokusho th{
border: 1px solid #ccc;
padding: 8px 5px 8px 5px;
background: #eee ;
text-align:left;
	font-size:13px;
}
table#tokusho td{
border: 1px solid #ccc;
padding: 8px 5px 8px 5px;
font-size:12px;
font-weight: 300;
}
table#tokusho td.title{
	width:120px;
	font-size:14px;
}
table#tokusho td.artist{
	width:150px;
	font-size:14px;
}
table#tokusho td.price{
	width:110px;
	font-size:14px;
	text-align: center;
}



}/*//end  min-width: 481px ///////////////////////*/