@charset "UTF-8";

/* layout  ------------------------------*/

#recommendBlock{
	padding-bottom:20px;
	border-bottom:2px solid #349a34;
	margin-bottom:10px;
}

#recommendBlock .recommendBox{
	float:left;
	width:256px;
	min-height:230px;
	border:1px solid #CCCCCC;
	background:url(/category/news-info/images/recommend_bg.jpg) repeat-x 0 0;
	text-align:center;
	margin-right:10px;
}

	* html #recommendBlock .recommendBox{
		height:230px;
	}

#recommendBlock .recommendBox .phBox{
	width:220px;
	min-height:134px;
	margin:10px auto;
}

	* html #recommendBlock .recommendBox .phBox{
		height:134px;
	}

#recommendBlock .recommendBox p{
	width:220px;
	text-align:left;
	line-height:140%;
	margin:0 auto;
	padding:10px 0;
	border-top:1px solid #333333;
}

#categolyBlock{
	margin-right:-10px;
}

.categolyArea{
	float:left;
	width:284px;
	border:1px solid #CCCCCC;
	padding:10px;
	margin-right:10px;
}

	* html .categolyArea{
		width:284px;
	}

	#kyoyoArea{
		margin-right:0;
	}

.block{
	background:url(/category/news-info/images/line_dot_gray.gif) repeat-x left bottom;
}

.categolyArea h3{
	color:#FFFFFF;
	font-weight:bold;
	line-height:120%;
	letter-spacing:5px;
	padding:6px;
	background:url(/category/news-info/images/cat_ttl_bg.jpg) repeat-x 0 0 #339933;
}

.categolyArea .catBox{
	float:left;
	width:93px;
	padding:10px 0px;
	text-align:center;
}

.categolyArea .catBox h4{
	min-height:36px;
	font-size:12px;
	/* font-weight:bold; */
	text-align:left;
	line-height:130%;
	margin:0 9px;
}

	* html .categolyArea .catBox h4{
		height:36px;
	}

	.categolyArea .catBox h4 a{
		text-decoration:none;
	}

.categolyArea .catBox p{
	font-size:10px;
	line-height:130%;
	text-align:left;
	padding:3px 0 0 0;
	margin:0 9px;
}

.categolyArea .catBox img.ph{
	margin:0 9px;
}

.categolyArea .metele img.ph{
	border:2px solid #ff9900;
	margin:0 7px;
}

.categolyArea .catBox ul.iconList{
	margin:3px 7px 0 9px;
}

.categolyArea .catBox ul.iconList li{
	float:left;
	margin-right:2px;
}

	* html .categolyArea .catBox ul.iconList li{
		margin-right:1px;
	}

.finishArea{
	padding:20px 0 0 0;
}

.finishArea h5{
	color:#003366;
	font-weight:bold;
	padding-bottom:3px;
	margin-bottom:6px;
	border-bottom:1px solid #003366;
}

.finishArea ul{}

.finishArea ul li{
	padding:2px 0 2px 10px;
	line-height:130%;
	background:url(/category/news-info/images/arrow_s_gray.gif) no-repeat 0 6px;
}

li img.outSite{
	vertical-align:middle;
	margin-left:4px;
}