@charset "utf-8";
/* CSS Document */
@import url("base.css") ;
p.pageOutlineTop {
	font-size: 12px;
	line-height: 18px;
	padding: 19px 0 0 0;
}
#works .worksBox {
	width: 139px;
	height: 205px;
	float: left;
	background-image: url(../../img/works/bg01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px 15px 0 15px;
	margin:0 17px 9px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position:relative;
}
#works .noMargin {
	margin:0 0 9px 0; !important
}
#works .hover {
	background-position: left bottom; !important
}
#works .clear {
	clear:both; !important
}
#works .worksBox a.mainImg img {
	display: block;
	width: 139px;
	height: 104px;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-size:cover;
}
#works .worksBox dl {
	display:block;
	padding-top:8px;
}
#works .worksBox dt {
	color: #4094d2;
}
#works .worksBox dd {
	color: #ababab;
	line-height: 16px;
	text-align: left;
}
#works .worksBox dd.worksSiteLink {
	display: block;
	padding:5px 0 0 49px;
}
#works .worksBox dd.worksSiteLink a {
	display: block;
	width: 90px;
	height: 16px;
	background-image: url(../../img/share/btn01.png);
	background-repeat: no-repeat;
	background-position: 0px -34px;
	text-indent: -9999px;
	overflow: hidden;
}
* html #works .worksBox dd.worksSiteLink a {
	background-image: url(../../img/share/btn04.gif);
}
#works .worksBox dd.worksSiteLink a:hover {
	background-position: -90px -34px;
}
#works .worksBox div.worksSiteLink {
	display: block;
	position:absolute;
	bottom:6px;
	right:15px;
}
#works .worksBox div.worksSiteLink a {
	display: block;
	width: 90px;
	height: 16px;
	background-image: url(../../img/share/btn01.png);
	background-repeat: no-repeat;
	background-position: 0px -34px;
	text-indent: -9999px;
	overflow: hidden;
}
* html #works .worksBox div.worksSiteLink a {
	background-image: url(../../img/share/btn04.gif);
}
#works .worksBox div.worksSiteLink a:hover {
	background-position: -90px -34px;
}
#works h3 {
	clear:both;
	width: 727px;
	background-image: url(../../img/works/line.gif);
	background-repeat: no-repeat;
	background-position: 0px 38px;
	color: #ababab;
	padding: 30px 0 10px 0;
	line-height:16px;
}
#works h3 span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right:8px;
	background-color:#000;
}
#works h3#chara3 {
	background-position: 42px 38px;
}
#works h3#chara4 {
	background-position: 56px 38px;
}
#works h3#chara5 {
	background-position: 70px 38px;
}
#works h3#chara6 {
	background-position: 84px 38px;
}
#works h3#chara7 {
	background-position: 98px 38px;
}
#works h3#chara8 {
	background-position: 112px 38px;
}
#works h3#chara9 {
	background-position: 126px 38px;
}
#works h3#chara10 {
	background-position: 140px 38px;
}
#works h3#chara12 {
	background-position: 154px 38px;
}
#works h3#chara15 {
	background-position: 196px 38px;
}