/*
-----------------------------------------------
works.css
author:   satoshi matsui / fcafe,inc.
version:  5 May 2009
----------------------------------------------- */



/* leftcol
----------------------------------------------- */
/*title*/
#leftcol-bg h3{
	display:block;
	margin-bottom:10px;
	background:url(../profile/ttl-newsrelease.gif) no-repeat top;
	width:195px;
	height:33px;
	text-indent:-9999px;
	}


/*date*/
#leftcol-bg dt{
	margin-bottom:1px;
	padding:0 12px;
	color:#9C99A1;
	font-size:77%;
	}

/*title*/
#leftcol-bg dd{
	margin-bottom:7px;
	padding:0 12px 7px 12px;
	background:url(../images/left-col-bar.gif) no-repeat bottom;
	line-height:1.2em;
	}
	
/*title link*/
#leftcol-bg dd a{
	margin-bottom:3px;
	color:#333;
	text-decoration:none;
	font-size:77%;
	}
#leftcol-bg dd a:hover{
	text-decoration:underline;
	}

/*detail link*/
#leftcol-bg dd .detail{
	padding:3px 18px 0 0;
	background:url(../images/icon-arrow-bl.gif) no-repeat right;
	color: #0088CC;
	text-decoration:none;
	}
#leftcol-bg dd a:hover.detail{
	text-decoration:underline;
	}
#leftcol-bg dd a:visited{
	color: #0088CC;
	}



/*title*/
#leftcol-bg2 h3{
	display:block;
	margin-bottom:10px;
	background:url(../profile/ttl-profile-information.gif) no-repeat top;
	width:195px;
	height:33px;
	text-indent:-9999px;
	}


/*menu title*/
#leftcol-bg2 h4{
	margin-bottom:5px;
	padding:0 12px 0 12px;
	line-height:1em;
	font-weight:bold;
	}
#leftcol-bg2 h4 a{
	color:#333;
	}

/*menu sub-title*/
#leftcol-bg2 h4 span.subttl{
	display:block;
	margin-bottom:2px;
	color:#9C99A1;
	font-size:77%;
	font-weight:normal;
	}


/*menu desc*/
#leftcol-bg2 p{
	margin-bottom:15px;
	padding:0 12px 15px 12px;
	background:url(../images/left-col-bar.gif) no-repeat bottom;
	line-height:1.8em;
	font-size:55%;
	}



/*title*/
#leftcol-bg3 h3{
	display:block;
	margin-bottom:10px;
	background:url(../profile/ttl-profile-information.gif) no-repeat top;
	width:195px;
	height:33px;
	text-indent:-9999px;
	}


/*menu title*/
#leftcol-bg3 h4{
	margin-bottom:5px;
	padding:0 12px 0 12px;
	line-height:1em;
	font-weight:bold;
	}
#leftcol-bg3 h4 a{
	color:#333;
	}

/*menu sub-title*/
#leftcol-bg3 h4 span.subttl{
	display:block;
	margin-bottom:2px;
	color:#9C99A1;
	font-size:85%;
	font-weight:normal;
	}


/*menu desc*/
#leftcol-bg3 p{
	margin-bottom:15px;
	padding:0 12px 15px 12px;
	background:url(../images/left-col-bar.gif) no-repeat bottom;
	line-height:1.4em;
	font-size:69%;
	}







/* title
----------------------------------------------- */
#pagettl h1{
	display:block;
	background:url(../works/works-page-ttl.gif) no-repeat top;
	width:400px;
	height:45px;
	text-indent:-9999px;
	}

/* works
----------------------------------------------- */
#works-text p{
	padding-bottom:30px;
	line-height:1.5em;
	font-size:85%;
	text-align:center;
}

#showcase {
	clear:left;
	margin-bottom:20px;
	padding-bottom:10px;
	min-height:200px;
	background:url(../images/page-bar.gif) repeat-x bottom;
}

#showcase img {
	margin:0 20px 10px 0;
	float:left;
}

a:hover img {
	filter: alpha(style=0, opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#works-contents {
	float:left;

}

#works-name h2{
	display:block;
	background:url(../works/works-name-ttl.gif) no-repeat top;
	width:100px;
	height:16px;
	text-indent:-9999px;
	float:left;
	}

#works-name p{
	width:300px;
	line-height:1.2em;
	font-size:85%;
	float:left;
	padding-bottom:10px;
	}

#works-url h2{
	display:block;
	background:url(../works/works-url-ttl.gif) no-repeat top;
	width:100px;
	height:16px;
	text-indent:-9999px;
	float:left;
	}

#works-url p{
	width:300px;
	line-height:1.2em;
	font-size:77%;
	float:left;
	margin-top:2px;
	padding-bottom:10px;
	}

#works-partner h2{
	display:block;
	background:url(../works/works-partner-ttl.gif) no-repeat top;
	width:100px;
	height:16px;
	text-indent:-9999px;
	float:left;
	}

#works-partner p{
	width:300px;
	line-height:1.2em;
	font-size:85%;
	float:left;
	padding-bottom:10px;
	}

#works-comment h2{
	display:block;
	background:url(../works/works-comment-ttl.gif) no-repeat top;
	width:100px;
	height:16px;
	text-indent:-9999px;
	float:left;
	}

#works-comment p{
	width:300px;
	line-height:1.5em;
	font-size:85%;
	float:left;
	padding-bottom:10px;
	
	}

#yahoo{
	color:#FF9900;
}