@media screen and (max-width: 767px) {
/* MAIN CONTENTS
----------------------------------------------- */
#bug_images {
	margin-left:20px;
}
#bug_images li {
	float:left;
	margin: 10px;
}
#bug_images li.bug02, #bug_images li.bug03{
	display:none;
}

#bug_itemlist{
	padding-bottom:10px;
}
#bug_itemlist li{
	border-bottom: #ccc 1px dotted;

}
#bug_itemlist li.bug_item_ttl {
	padding: 10px 0 10px 10px;
	font-weight: bold;
}
#bug_itemlist dl {
	overflow:hidden;
}
#bug_itemlist dl dt {
	float:left;
	margin:10px;
	border:#CCC 1px solid;
}
#bug_itemlist dl dd span{
	font-weight:bold;
}
#bug_itemlist dl dd span a:link, #bug_itemlist dl dd span a:visited{
	text-decoration:underline;
	color:#CA417D;
}
#bug_itemlist dl dd span a:hover{
	text-decoration:none;
}
#bug_itemlist dl dd {
	line-height:1.2;
	margin-top:10px;
}
/* other_bug
----------------------------------------------- */
div#other_pest p {
	padding-left: 10px;
	font-weight:bold;
}
div#other_pest ul{
	overflow: hidden;
	margin-left: 10px;
	background: #FFFDCA;
	padding: 10px 15px;
	border:#ccc 1px solid;
}
div#other_pest li{
	float: left;
	padding: 8px 10px;
	background: url(//img.e87.com/gardening/school/pest/images/li_pest02.gif) no-repeat 0 10px;
}
div#other_pest li a {
	color: #ca417d;
	text-decoration: underline;
}
div#other_pest li a:hover {
	text-decoration: none;
}
div#other_bug, div#other_disease, div#other_plant {
	margin-top:25px;
}
}
 @media screen and (min-width: 768px) and (max-width:899px) {
/* MAIN CONTENTS
----------------------------------------------- */
#bug_images {
	margin-left:20px;
}
#bug_images li {
	float:left;
	margin: 10px;
}

#bug_itemlist{
	padding-bottom:10px;
}
#bug_itemlist li{
	border-bottom: #ccc 1px dotted;

}
#bug_itemlist li.bug_item_ttl {
	padding: 10px 0 10px 10px;
	font-weight: bold;
}
#bug_itemlist dl {
	overflow:hidden;
}
#bug_itemlist dl dt {
	float:left;
	margin:10px;
	border:#CCC 1px solid;
}
#bug_itemlist dl dd span{
	font-weight:bold;
}
#bug_itemlist dl dd span a:link, #bug_itemlist dl dd span a:visited{
	text-decoration:underline;
	color:#CA417D;
}
#bug_itemlist dl dd span a:hover{
	text-decoration:none;
}
#bug_itemlist dl dd {
	line-height:1.2;
	margin-top:10px;
}
/* other_bug
----------------------------------------------- */
div#other_pest p {
	padding-left: 10px;
	font-weight:bold;
}
div#other_pest ul{
	overflow: hidden;
	margin-left: 10px;
	background: #FFFDCA;
	padding: 10px 15px;
	border:#ccc 1px solid;
}
div#other_pest li{
	float: left;
	padding: 8px 10px;
	background: url(//img.e87.com/gardening/school/pest/images/li_pest02.gif) no-repeat 0 10px;
}
div#other_pest li a {
	color: #ca417d;
	text-decoration: underline;
}
div#other_pest li a:hover {
	text-decoration: none;
}
div#other_bug, div#other_disease, div#other_plant {
	margin-top:25px;
}
}
 @media screen and (min-width:900px) {
/* MAIN CONTENTS
----------------------------------------------- */
#bug_images {
	margin-left:20px;
	
}
#bug_images li {
	float:left;
	margin: 10px;
}

#bug_itemlist{
	padding-bottom:10px;
}
#bug_itemlist li{
	border-bottom: #ccc 1px dotted;
	overflow: hidden;

}
#bug_itemlist li.bug_item_ttl {
	padding: 10px 0 10px 10px;
	font-weight: bold;
}
#bug_itemlist dl dt {
	float:left;
	margin:10px;
	border:#CCC 1px solid;
}
#bug_itemlist dl dd span{
	font-weight:bold;
}
#bug_itemlist dl dd span a:link, #bug_itemlist dl dd span a:visited{
	text-decoration:underline;
	color:#CA417D;
}
#bug_itemlist dl dd span a:hover{
	text-decoration:none;
}
#bug_itemlist dl dd {
	line-height:1.2;
	margin-top:10px;
}

/* other_bug
----------------------------------------------- */
div#other_pest p {
	padding-left: 10px;
	font-weight:bold;
}
div#other_pest ul{
	overflow: hidden;
	margin-left: 10px;
	background: #FFFDCA;
	padding: 10px 15px;
	border:#ccc 1px solid;
}
div#other_pest li{
	float: left;
	padding: 8px 10px;
	background: url(//img.e87.com/gardening/school/pest/images/li_pest02.gif) no-repeat 0 10px;
}
div#other_pest li a {
	color: #ca417d;
	text-decoration: underline;
}
div#other_pest li a:hover {
	text-decoration: none;
}
div#other_bug, div#other_disease, div#other_plant {
	margin-top:25px;
}