@charset "utf-8";
/* CSS Document */

#mainimg{
	background:url(../images/index/bg_mainimg.jpg) no-repeat top center;
}
#works{
	background:url(../images/bg01.gif) repeat-x top left;
	text-align:left;
	padding:25px 0 50px;
	overflow:hidden;
	_zoom:1;
}
#works ul{
	width:950px;
	margin:0 auto;
}
#works li{
	float:left;
	width:295px;
	margin-right:32px;
	margin-top: 55px;
}
#works .op .opli:nth-of-type(-n+3){
	margin-top: 32px;
}
#works li.end{
	margin-right:0;
}
#works .cno{
	border-bottom:#1267b0 solid 5px;
}
#works .wlabel{
	font-weight:bold;
	font-size:133.3%;
	padding:14px 0;
	border-bottom:#1267b0 solid 1px;
	/*width:212px;*/
}
#works .wlabel div{
	display:table-cell;
	/display:inline;
	*zoom:1;
}


/*\*//*/
* html #works .wlabel div {
	display:inline-block;
}
/**/

#works p{
	padding-top:15px;
}

#works .text_area{
	width:950px;
	margin:0 auto;
/*	border-top: #1267b0 solid 1px;
	border-bottom: #1267b0 solid 1px;*/
	text-align:center;
	margin-bottom:20px;
	font-weight:bold;
}

#works .more01{
	font-size:12px;
	line-height:100%;
	width:90px;
}
#works .more01 a{
	background:url(../images/icon_more01.gif) no-repeat 43px center;
	background-color:#1267b0;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:5px 0 5px 7px;
}
#works .more01 a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#main{
	width:950px;
	margin:0 auto;
	text-align:left;
	padding-bottom:20px;
}
#main section{
	padding:60px 0;
	overflow:hidden;
	_zoom:1;
}
/**/
#main section h1{
	float:left;
	height:158px;
	width:158px;
	overflow:hidden;
	margin-top:10px;
}
#main section h1 a{
	display:block;
	height:158px;
	width:158px;
}
#main section h1 a img{
	position:absolute;
	z-index:-1;
}
#main section h1 a:hover,
#main section h1 a:hover img{
	display:block;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#main section h1 .more02{
	padding:83px 0 100px 53px;
}
#main section h1 .more02 div{
	background:url(../images/icon_more02.gif) no-repeat left center;
	padding-left:10px;
}
#main section h1 a{
	color:#444444;
	text-decoration:none;
}
/**/


#main section ul{
	float:right;
	width:710px;
}
#main section ul li a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#main #consultant,
#main #media{
	background:url(../images/dot01.gif) repeat-x left bottom;
}
#main #consultant li{
	float:left;
}
#main #consultant li.mt50{
  margin-top: 50px;
}
#main #consultant li.mr{
	margin-right:15px;
}
#main #media li{
	float:left;
	width:226px;
}
#main #media li.mr{
	margin-right:15px;
}
#main #media li.mb30{
  margin-bottom: 30px;
}
#main #media .bookname{
	background:url(../images/index/bookname.gif) no-repeat left center;
	padding-left:20px;
	font-weight:bold;
	zoom:1;
}
.fontS #main #media .bookname{
	line-height:170%;
}
.fontM #main #media .bookname{
	line-height:155%;
}
.fontL #main #media .bookname{
	line-height:150%;
}
#main #media .bookname a{
	color:#000;
}
#main #media .bookname a:hover{
	color:#1267b0;
}
#main #media .bookimg{
	/*margin-top:20px;*/
}
#main #news{
}
#main #news li{
	padding-top:20px;
	overflow:hidden;
	_zoom:1;
}
#main #news li:first-child{
	padding-top:0;
}
#main #news time{
	float:left;
	font-weight:bold;
	color:#1267b0;
}
#main #news .date{
	padding-left: 13em;
	display:block;
}
#main #news .date a{
	color:#444444;
	text-decoration:none;
}
#main #news .date a:hover{
	text-decoration:underline;
}