@import "share.css";

/*----------一覧------------*/

#works h4.worksTitle {
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 15px;
	padding: 0;
	}

#works h5 {
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 10px 10px;
	padding: 0;
	}

#works h5.genre {
	padding: 20px 0 0;
	}

#works .caseStudy {
	width: 580px;
	background: url(../images/share/line_dotted.gif) repeat-x 0% 100%;
	margin: 0 10px 10px;
	padding: 0 0 10px;
	}

#works .caseStudy p.photo {
	width: 160px;
	float: right;
	text-align: right;
	font-size: 1px;
	line-height: 0%;
	margin: 0;
	padding: 0;
	}

#works .caseStudy h6 {
	font-size: 85%;
	font-weight: normal;
	line-height: 120%;
	border-left: 4px solid #FF9900;
	margin: 0 0 10px;
	padding: 3px 10px;
	}

#works .caseStudy h6 a {
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 10px;
	padding: 0;
	}

#works .caseStudy p.excerpt {
	line-height: 150%;
	margin: 0 14px;
	padding: 0;
	}

#works ul.genre {
	width: 590px;
	line-height: 150%;
	margin: 0 0 0 20px;
	padding: 0;
	}

#works ul.genre li {
	width: 165px;
	float: left;
	line-height: 150%;
	background: url(../images/share/arrow_blue.gif) no-repeat 0% 50%;
	margin: 0;
	padding: 3px 10px 3px 15px;
	}


/*----------個別ページ------------*/

#works .individual h4 {
	width: 578px;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	line-height: 100%;
	background: url(../images/works/bg_title.gif) no-repeat 0% 50%;
	margin: 0 0 15px;
	padding: 11px;
	}

#works .individual p.photo {
	width: 580px;
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	}

#works .individual p.description {
	width: 580px;
	line-height: 150%;
	margin: 0 0 0 10px;
	padding: 0 10px 15px 0;
	}

#works .individual table {
	width: 580px;
	border: 0;
	border-collapse: collapse;
	margin: 0 10px 0 10px;
	padding: 0;
	}

#works .individual table tr {
	margin: 0;
	padding: 0;
	}

#works .individual table th {
	width: 79px;
	text-align: left;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background: #EEE8CE;
	margin: 0;
	padding: 10px;
	}

#works .individual table td {
	text-align: left;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	background: #F7F4E9;
	margin: 0;
	padding: 10px;
	}

#works .individual .photos {
	width: 580px;
	margin: 0;
	padding: 0 0 0 10px;
	clear: both;
	}

#works .individual .photos p {
	width: 180px;
	float: left;
	line-height: 150%;
	text-align: center;
	margin: 0;
	padding: 0 20px 0 0;
	}

#works .individual .photos p.end {
	padding: 0;
	}

#works .individual .clear {
	background: url(../images/share/line_dotted.gif) repeat-x 0% 100%;
	margin: 0 0 15px;
	padding: 0 0 15px 10px;
	clear: both;
	}

#works .individual p.itemTitle {
	width: 235px;
	float: left;
	line-height: 150%;
	margin: 0;
	padding: 0 0 0 10px;
	}

#works .individual p.itemDescription {
	width: 345px;
	float: right;
	line-height: 150%;
	margin: 0;
	padding: 0 10px 0 0;
	}

#works .individual p.link {
	width: 590px;
	text-align: right;
	margin: 0;
	padding: 10px 0 0;
	clear: both;
	}

#works .individual p.link a {
	background: url(../images/share/arrow_orange.gif) no-repeat 0% 50%;
	margin: 0;
	padding: 0 0 0 15px;
	}