@charset "shift_jis";
/* CSS Document */

/* ====================================================== */
/* [共通]　　　　　　　　　　　　 　　　　　　　　　　　  */
/* ====================================================== */

h3 {
	font-size:100%;
	margin:0;
	padding:0;
}

div.section {
	padding: 18px 0;
	font-size:90%;
	}

img.red_arrow {
	position:relative;
	top: -0.2em;
}
img.red_mark {
	margin-left:2px;
}

/* margin・padding */
.ml8 { margin-left: 8px; }
.ml20 { margin-left: 20px; }



/* ====================================================== */
/* [あなたにぴったりの講座を探す・こだわりや目的で探す]   */
/* ====================================================== */

#search_course {
	margin: 0;
	padding: 0;
	}

#search_course ul {
	margin: 0;
	padding: 0;
	width: 848px;
	}
#search_course ul li {
	font-size: 110%;
	line-height:1.4;
	float: left;
	overflow:visible;
	position: relative;
	display: inline;
	*zoom: 1;
	}

* html #search_course p.adjust {
	display: inline;
	}
*+html #search_course p.adjust {
	display: inline;
	}



/*あなたにぴったりの講座を探す */
.w420 { width:420px; }

#search_course ul li div.type01 {
	cursor: pointer;
	width: 420px;
	min-height: 85px;
	height: auto !important;
	height: 85px;
	padding-top: 17px;
	background-image:url(/course/images/course_type01_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
#search_course ul li div.type02 {
	cursor: pointer;
	width: 420px;
	height: 149px;
	background-image:url(/course/images/course_type02_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	}

#search_course ul li div.diagnosis01 {
	cursor: pointer;
	width: 420px;
	min-height: 85px;
	height: auto !important;
	height: 85px;
	padding-top: 17px;
	background-image:url(/course/images/course_diagnosis01_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#search_course ul li div.diagnosis02 {
	cursor: pointer;
	width: 420px;
	height: 149px;
	background-image:url(/course/images/course_diagnosis02_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#search_course ul li .nameText {
	width: 270px;
	margin-left: 134px;
	}
#search_course ul li .nameText h3 {
	font-size:105%;
	letter-spacing: -0.05em;
	}
#search_course ul li .nameText p {
	margin-top:5px;
	}

#search_course .bl-hot .nameText a {
	text-decoration: underline;
	}
#search_course .bl-hover .nameText a {
	text-decoration: none;
	}


/*こだわりや目的で探す */
.w269 { width:269px; }

#search_course ul li div.difficulty01 {
	cursor: pointer;
	width: 269px;
	background-image:url(/course/images/search_difficulty01_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}

#search_course ul li div.difficulty02 {
	cursor: pointer;
	width: 269px;
	height: 84px;
	background-image:url(/course/images/search_difficulty02_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}

#search_course ul li div.category01 {
	cursor: pointer;
	width: 269px;
	background-image:url(/course/images/search_category01_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#search_course ul li div.category02 {
	cursor: pointer;
	width: 269px;
	height: 84px;
	background-image:url(/course/images/search_category02_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#search_course ul li div.purpose01 {
	cursor: pointer;
	width: 269px;
	background-image:url(/course/images/search_purpose01_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#search_course ul li div.purpose02 {
	cursor: pointer;
	width: 269px;
	height: 84px;
	background-image:url(/course/images/search_purpose02_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#search_course ul li div.methodText {
	width: 225px;
	padding-top: 10px;
	}
#search_course ul li .methodText h3 {
	display:inline;
	margin-bottom:1px;
	}
#search_course ul li .methodText p {
	text-align:left;
	}

#search_course .bl-hot .methodText a {
	text-decoration: underline;
	}

#search_course .bl-hover .methodText a {
	text-decoration: none;
	}



/* ====================================================== */
/* [ランキングから探す・特集から探す・講座一覧から探す]   */
/* ====================================================== */

.search-1by3left {
	width: 269px;
	float: left;
	margin-right: 20px;
	}
.search-1by3right {
	width: 269px;
	float: right;
	}

.search_title {
	margin-bottom: 16px;
	padding-left: 10px;
	border-left: #FEAD21 solid 4px;
	color: #512600;
	}
.search-list li {
	background: url(/course/images/list_red_arrow.gif) 0 0.45em no-repeat;
	padding: 0 0 4px 10px;
	}
.other-search-list {
	margin-left: 102px;
	}