@charset "utf-8";
/* course_contents.css -------------------------------------------------
このCSSファイルは、course_contents.phpに関する設定を記述しています。

いちごパソコン教室
http://ichigopasokon.com
-------------------------------------------------------------- */
h3{
	color:#F60;
	line-height:4rem;
	padding-left:10px;
}

div#work_list,
div#hoby_list01,
div#hoby_list02{
	clear:both;
	max-width:900px;
	margin:auto;
}

@media screen and (max-width: 999px) {/* スクリーンサイズ999px以下の為の設定 ---------- */
h3{
	margin:40px 0 20px 0;
	border-bottom:#F90 4px dotted;
}

div.hoby ul{
	margin-bottom:40px;
}

div.hoby li{
	list-style:disc;
	margin-left:60px;
}

/* END//スクリーンサイズ999px以下の為の設定 ---------- */}

@media screen and (min-width: 1000px) {/* スクリーンサイズ1000px以上の為の設定 ---------- */
p{
margin-bottom:40px;
}


h2{
	clear:both;
}

h3{
	margin:0px 0 10px 0;
	border-bottom:#F90 2px dotted;
}

div.work,
div.hoby{
	min-height:370px;
	float:left;
	border:#FFF 5px solid;
	background:#E9E9E9;
}

div.work{
	min-width:280px;
	max-width:280px;
	padding:5px;
	margin-bottom:10%;
}

div.hoby{
	min-width:270px;
	max-width:270px;
	padding:10px;
	margin-bottom:40px;
}

div.work p,
div.hoby p{
	margin:0;
	padding:5px;
}

div.hoby ul{
	margin-bottom:20px;
}

div.hoby li{
	list-style:disc;
	margin-left:40px;
}
/* END//スクリーンサイズ1000px以上の為の設定 ---------- */}