/* CSS Document */

/*___________________________________________
Project:  第一楽器
会社      第一楽器
Email:    info@crayon.co.jp
Website:  www.crayon.co.jp
____________________________________________*/

/* pages
____________________________________________*/
body{
	font:400 12px MS PGothic, Osaka,Arial,sans-serif;
	line-height:150%;
}

.j_Learn_ul{
	display:block;
	height:60px;
	padding:30px 0 36px;
}

.j_Learn_ul li{
	float:left;
}

.j_Learn_ul .other{
	padding-right:12px;
}

.j_totop{
	padding-bottom:50px;
	padding-top:5px;
	background:url("../img/icon003.jpg") no-repeat center top;
	text-align:center;
}

.j_totop a{
	width:517px;
	height:15px;
	color:#7F7F7F;	
}

.j_totop a:hover{
	color:#FFA600;
}

.j_Learn_table{
	width:517px;
	margin-bottom:25px;
}

.j_Learn_table td,
.j_Learn_table th{
	padding:10px 7px;
	border-bottom:1px solid #7F7F7F;
	vertical-align:top;
}

.j_Learn_table th{
	background-color:#EFEFEF;
	font-weight:normal;
	text-align:left;
}

.j_learn_col01{
	width:402px;
}
.j_Learn_table td p,
.j_Learn_table th p{
	display:block;
	background:url("../img/learn_ico.gif") no-repeat left center;
	padding-left:13px;
}

.j_Learn_more{
	width:100px;
	height:26px;
	line-height:26px;
	background:url("../img/learn_more.gif") no-repeat;
	margin-top:24px;
	color:#fff;
	text-align:center;
}

.j_Learn_more a{
	color:#fff;
}

.j_Learn_more a:hover{
	color:#3f3f3f;
}

.j_learn_ind_list{
	background:#FFEDCC;
	padding:10px;
	margin-top:10px;
}

.j_learn_ind_list .j_list{
	font-size:15px;
	background:url("../img/learn_line.gif") no-repeat left bottom;
	padding-bottom:5px;
	margin-bottom:5px;
}

.j_learn_ind_list .j_list span,
.subject_tag span{
	display:block;
	background:url("../img/learn_ico02.gif") no-repeat left center;
	width:90px;
	color:#FFA600;
	font-size:12px;
	padding-left:15px;
	float:right;
}

.j_list span a,
.subject_tag span a{
	color:#FFA600;
}

.j_list span a:hover{
	color:#7f7f7f;
}

.j_Learn_ul02{
	display:block;
	text-align:center;
	width:230px;
	height:100%;
	padding:25px 0 30px;
	margin:0 auto;
}

.j_Learn_ul02 li{
	height:12px;
	padding-right:5px;
	float:left;
}

.j_Learn_ul02 li img{
	display:block;
	padding-top:5px;
}

.j_area_title{
	background:url("../img/area_title.gif") no-repeat;
	width:497px;
	height:25px;
	line-height:25px;
	padding-left:20px;
	color:#fff;
	font-size:15px;
	margin-bottom:13px;
}

.j_Learn_ul01{
	display:block;
	padding:30px 0;
	height:30px;
}

.j_Learn_ul01 li{
	display:block;
	float:left;
	width:120px;
	height:30px;
	line-height:30px;
	background:url("../img/area_menu.gif") no-repeat;
	text-align:center;
	font-size:15px;
}

.j_Learn_ul01 li a{
	color:#fff;
}

.j_Learn_ul01 li a:hover{
	color:#7f7f7f;
}

.j_Learn_ul01 li{
	padding-right:11px;
}

.j_Learn_ul01 .other{
	padding-right:0px;
}

/*subject*/

.j_subject01_ul01{
	width:517px;
	height:168px;
	display:block;	
	margin:15px 0 60px;
}

.j_subject01_ul01 li{
	display:block;
	float:left;
	font-size:16px;
	width:232px;
	height:18px;
	line-height:18px;
	background:url("../img/j_subject01.gif") no-repeat left center;
	padding-left:20px;
	margin-bottom:10px;
}

.j_subject01_ul01 .other{
	padding-left:0px;
	clear:right;
}
.j_subject01_t01,
.j_subject01_cont_t01{
	font-size:15px;
	color:#FFA600;
	border-bottom:1px solid #FFA600;
	margin-bottom:3px;
}

.j_subject01_t01{padding-top:25px;}

.j_subject01_dl,
.j_subject01_dl02{
	display:block;
	height:72px;
	padding-top:5px;
}

.j_subject01_dl{padding:22px 0px;}

.j_subject01_dl dt,
.j_subject01_dl02 dt,
.j_subject01_dl dd,
.j_subject01_dl02 dd{
	display:block;
	float:left;
}

.j_subject01_dl dt,
.j_subject01_dl02 dt{	
	clear:left;
	width:15px;
}

.j_subject01_dl dd,
.j_subject01_dl02 dd{
	width:502px;
}

.j_subject01_cont01{
	padding-left:8px;
	border-left:3px solid #FFA600;
	margin-top:20px;
	height:100%;
}

.j_subject01_cont01 p{
	display:block;
	padding-bottom:18px;
}

.j_subject01_cont01 a{
	color:#fff;
}

.j_subject01_cont01 ul{
	display:block;
	/*height:75px;*/
}

.j_subject01_cont01 ul li{
	background:url("../img/subject01_btn.gif") no-repeat;
	width:78px;
	height:21px;
	line-height:21px;
	display:block;
	float:left;
	margin:0 5px 5px 0;
	text-align:center;
}

.j_subject01_cont01 ul .other{margin-right:0px;}
.j_subject01_cont01 dl dt,
.j_subject01_cont01 dl dd{
	display:block;
	float:left;
}

.j_subject01_cont01 dl{
	display:block;
	height:20px;
	padding-bottom:10px;
	clear:both;
}

.j_subject01_cont01 dl dt{
	width:30px;
	height:18px;
	background-color:#7F7F7F;
	margin-bottom:10px;
	margin-right:5px;
	text-align:center;
	color:#fff;
}

.j_subject01_cont01 dl dd{
	margin-right:10px;
}

.mb_20{
	margin-bottom:20px;
}

.j_subject01_cont01 .other{
	padding-bottom:3px;
}
.j_subject01_cont01 .other dt{
	margin-bottom:0px;
}

.subject_tag{
	clear:both;
}