@charset "utf-8";

/********************************************************

	TP (/index.html)

********************************************************/
#tp .mainImg {
	background: url(../../img/tp_mainImg_bg.gif) no-repeat left top;
	width: 726px;
	height: 252px;
	padding: 5px;
}

#tp #blog {
	clear: both;
	background: url(../../img/tp_blog_bg01.gif) no-repeat left top;	
	padding-top: 30px;
	margin-top: 20px;
}

#tp #blogFoot {
	clear: both;
	background: url(../../img/tp_blog_bg02.gif) no-repeat left bottom;
	height: 30px;
}

#tp #blogL {
	width: 127px;
	float: left;
	padding-left: 30px;
}

#tp #blogL h2 {
	margin-bottom: 8px;
}

#tp #blogL p.blogBtn {
	margin-top: 18px;	
}

#tp #blog ul {
	width: 524px;
	float: right;
	padding-right: 15px;
}

#tp #blog li {
	width: 116px;
	float: left;
	padding-right: 15px;
	line-height: 1.4;
}

#tp #blog li img {
	margin-bottom: 3px;
}

#tp #blog li a {
	color: #231815;
	text-decoration: none;
}

#tp #blog li a:hover,
#tp #blog li a:active {
	color: #231815;
}

#tp #blog li a:hover img,
#tp #blog li a:active img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#tp #blog li a span {	
	color: #0862cf;	
	text-decoration: underline;	
}

#tp #blog li a:hover span {
	color: #7eb0df;
	text-decoration: none;	
}